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 |
||
| (3 intermediate revisions by the same user not shown) | |||
| Line 1: | Line 1: | ||
.spoiler { | .spoiler { | ||
position: relative; | |||
} | } | ||
| Line 18: | Line 18: | ||
} | } | ||
.spoiler | .spoiler .spoiler-overlay, .spoiler .spoiler-content { | ||
transition: opacity .25s; | |||
} | } | ||
.spoiler .spoiler-content { | .spoiler .spoiler-overlay, .spoiler[data-open] .spoiler-content { | ||
opacity: 1; | |||
pointer-events: auto; | |||
} | |||
.spoiler[data-open] .spoiler-overlay, .spoiler .spoiler-content { | |||
opacity: 0; | opacity: 0; | ||
pointer-events: none; | pointer-events: none; | ||
} | } | ||
Latest revision as of 06:40, 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 .spoiler-overlay, .spoiler .spoiler-content {
transition: opacity .25s;
}
.spoiler .spoiler-overlay, .spoiler[data-open] .spoiler-content {
opacity: 1;
pointer-events: auto;
}
.spoiler[data-open] .spoiler-overlay, .spoiler .spoiler-content {
opacity: 0;
pointer-events: none;
}
