not dark enough |
invert spoilers |
||
| Line 3: | Line 3: | ||
background-color: var(--main-background-color); /* fallback */ | background-color: var(--main-background-color); /* fallback */ | ||
background-color: color-mix(in srgb, var(--main-background-color) 80%, transparent); | background-color: color-mix(in srgb, var(--main-background-color) 80%, transparent); | ||
background-color: transparent; | |||
transition: all 0.3s; | transition: all 0.3s; | ||
cursor: pointer; | cursor: pointer; | ||
| Line 9: | Line 10: | ||
.spoiler-content > * { | .spoiler-content > * { | ||
transition: all 0.3s; | transition: all 0.3s; | ||
} | } | ||
.spoiler-content. | .spoiler-content.hide { | ||
pointer-events: auto; | |||
background-color: transparent; | background-color: transparent; | ||
} | } | ||
.spoiler-content. | .spoiler-content.hide > * { | ||
pointer-events: | pointer-events: none; | ||
opacity: | opacity: 0; | ||
} | } | ||
Revision as of 05:41, 6 April 2025
/********* [[Template:Spoiler]] *********/
.spoiler-content {
background-color: var(--main-background-color); /* fallback */
background-color: color-mix(in srgb, var(--main-background-color) 80%, transparent);
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: transparent;
}
.spoiler-content.hide > * {
pointer-events: none;
opacity: 0;
}