mNo edit summary |
mNo edit summary |
||
| Line 1: | Line 1: | ||
/********* [[Template:Spoiler]] *********/ | /********* [[Template:Spoiler]] *********/ | ||
.spoiler | .spoiler { | ||
background-color: transparent; | background-color: transparent; | ||
transition: all 0.3s; | transition: all 0.3s; | ||
| Line 8: | Line 7: | ||
} | } | ||
.spoiler | .spoiler > * { | ||
transition: all 0.3s; | transition: all 0.3s; | ||
} | } | ||
.spoiler | .spoiler.hide { | ||
pointer-events: auto; | pointer-events: auto; | ||
background-color: var(--main-background-color); /* fallback */ | background-color: var(--main-background-color); /* fallback */ | ||
| Line 18: | Line 17: | ||
} | } | ||
.spoiler | .spoiler.hide > * { | ||
pointer-events: none; | pointer-events: none; | ||
opacity: 0; | opacity: 0; | ||
} | } | ||
Revision as of 05:53, 6 April 2025
/********* [[Template:Spoiler]] *********/
.spoiler {
background-color: transparent;
transition: all 0.3s;
cursor: pointer;
overflow:auto;
}
.spoiler > * {
transition: all 0.3s;
}
.spoiler.hide {
pointer-events: auto;
background-color: var(--main-background-color); /* fallback */
background-color: color-mix(in srgb, var(--main-background-color) 80%, transparent);
}
.spoiler.hide > * {
pointer-events: none;
opacity: 0;
}