MediaWiki:Common.css: Difference between revisions
add hover support |
No edit summary |
||
| (One intermediate revision by one other user not shown) | |||
| Line 13: | Line 13: | ||
.spoiler.hide { | .spoiler.hide { | ||
pointer-events: auto; | pointer-events: auto; | ||
background-color: | background-color: rgba(0, 0, 0, 1); /* fallback */ | ||
background-color: color-mix(in srgb, | background-color: color-mix(in srgb, rgba(0, 0, 0, 1) 80%, transparent); | ||
} | } | ||
| Line 28: | Line 28: | ||
background-color: color-mix(in srgb, var(--main-background-color) 80%, transparent); | background-color: color-mix(in srgb, var(--main-background-color) 80%, transparent); | ||
} | } | ||
.spoiler.hover, | .spoiler.hover > *, | ||
.spoiler.no-js > * { | .spoiler.no-js > * { | ||
opacity: 0; | opacity: 0; | ||
} | } | ||
.spoiler.hover, | .spoiler.hover:hover, | ||
.spoiler.no-js:hover { | .spoiler.no-js:hover { | ||
background-color: transparent; | background-color: transparent; | ||
} | } | ||
.spoiler.hover, | .spoiler.hover:hover, | ||
.spoiler.no-js:hover > * { | .spoiler.no-js:hover > * { | ||
opacity: 1; | opacity: 1; | ||
} | } | ||