MediaWiki:Common.css: Difference between revisions

No edit summary
add hover support
Line 23: Line 23:
   
   
/* If there's no js, hide then show on hover */
/* If there's no js, hide then show on hover */
.spoiler.hover,
.spoiler.no-js {
.spoiler.no-js {
   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);
}
}
 
.spoiler.hover,
.spoiler.no-js > * {
.spoiler.no-js > * {
   opacity: 0;
   opacity: 0;
}
}
 
.spoiler.hover,
.spoiler.no-js:hover {
.spoiler.no-js:hover {
   background-color: transparent;
   background-color: transparent;
}
}
 
.spoiler.hover,
.spoiler.no-js:hover > * {
.spoiler.no-js:hover > * {
   opacity: 1;
   opacity: 1;
}
}