use details summary for spoiler

This commit is contained in:
NekoCH
2025-09-17 17:42:17 +08:00
parent 2447469ea0
commit bc96f53060
3 changed files with 9 additions and 20 deletions
+5 -7
View File
@@ -4,20 +4,18 @@ img.hitandrun {
background: url(icons.gif) no-repeat -100px -171px;
margin-left: 0.5em;
}
.spoiler-title {
details summary {
width: fit-content;
line-height: 28px;
color: #4d6c99;
cursor: pointer;
font-weight: 700;
background-color: rgba(77, 108, 153, 0.1);
display: inline-block;
padding: 0 10px;
transition: margin .15s ease-out;
}
.spoiler-content {
display: inline-block;
height: 0;
overflow: hidden;
transition: height 0.3s ease;
details[open] summary {
margin-bottom: 10px;
}
.layui-layer {
color: black;