MediaWiki:Spoiler.css: Difference between revisions
From VRChat Wiki
(Created page with ".spoiler { display: relative; } .spoiler .spoiler-overlay { position: absolute; inset: 0; background-color: var(--very-dark-grey); display: flex; border-radius: 8px; cursor: pointer; z-index: 1; } .spoiler .spoiler-overlay span { margin: auto; font-weight: 600; } .spoiler[aria-expanded="true"] .spoiler-overlay { display: none; } .spoiler .spoiler-content { opacity: 0; pointer-events: none; } .spoiler[aria-expanded="true"] .spoiler-content { opacity: 1...") |
No edit summary |
||
| Line 1: | Line 1: | ||
.spoiler { | .spoiler { | ||
position: relative; | |||
} | } | ||
| Line 18: | Line 18: | ||
} | } | ||
.spoiler[ | .spoiler[data-open] .spoiler-overlay { | ||
display: none; | display: none; | ||
} | } | ||
| Line 27: | Line 27: | ||
} | } | ||
.spoiler[ | .spoiler[data-open] .spoiler-content { | ||
opacity: 1; | opacity: 1; | ||
pointer-events: auto; | pointer-events: auto; | ||
} | } | ||
Revision as of 06:29, 16 October 2024
.spoiler {
position: relative;
}
.spoiler .spoiler-overlay {
position: absolute;
inset: 0;
background-color: var(--very-dark-grey);
display: flex;
border-radius: 8px;
cursor: pointer;
z-index: 1;
}
.spoiler .spoiler-overlay span {
margin: auto;
font-weight: 600;
}
.spoiler[data-open] .spoiler-overlay {
display: none;
}
.spoiler .spoiler-content {
opacity: 0;
pointer-events: none;
}
.spoiler[data-open] .spoiler-content {
opacity: 1;
pointer-events: auto;
}
