MediaWiki:Spoiler.css: Difference between revisions
From VRChat Wiki
No edit summary |
No edit summary |
||
| (One intermediate revision by the same user not shown) | |||
| Line 18: | Line 18: | ||
} | } | ||
.spoiler | .spoiler .spoiler-overlay, .spoiler .spoiler-content { | ||
opacity | transition: opacity .25s; | ||
} | } | ||
.spoiler | .spoiler .spoiler-overlay, .spoiler[data-open] .spoiler-content { | ||
opacity: 1; | opacity: 1; | ||
pointer-events: auto; | pointer-events: auto; | ||
} | |||
.spoiler[data-open] .spoiler-overlay, .spoiler .spoiler-content { | |||
opacity: 0; | |||
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;
}
