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