MediaWiki:Spoiler.css: Difference between revisions
From VRChat Wiki
No edit summary |
No edit summary |
||
| Line 18: | Line 18: | ||
} | } | ||
.spoiler[data-open] | .spoiler[data-open] .spoiler-overlay, .spoiler[data-open] .spoiler-content { | ||
.spoiler .spoiler-content { | |||
opacity: 0; | opacity: 0; | ||
pointer-events: none; | pointer-events: none; | ||
} | } | ||
.spoiler[data-open] .spoiler-content { | .spoiler[data-open] .spoiler-overlay, .spoiler[data-open] .spoiler-content { | ||
opacity: 1; | opacity: 1; | ||
pointer-events: auto; | pointer-events: auto; | ||
} | } | ||
Revision as of 06:38, 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, .spoiler[data-open] .spoiler-content {
opacity: 0;
pointer-events: none;
}
.spoiler[data-open] .spoiler-overlay, .spoiler[data-open] .spoiler-content {
opacity: 1;
pointer-events: auto;
}
