Style contentWarning spans to hide content until moused over.
Thanks to Astra for the implementation
This commit is contained in:
parent
12fc8759c4
commit
c818cabb11
19
src/App.scss
19
src/App.scss
|
@ -426,3 +426,22 @@ nav {
|
|||
text-align: right;
|
||||
padding-right: 20px;
|
||||
}
|
||||
|
||||
/* begin simple CW hiding */
|
||||
span.contentWarning:hover,
|
||||
span.contentWarning:hover p {
|
||||
color: var(--fg, $fallback--fg);
|
||||
}
|
||||
|
||||
span.contentWarning,
|
||||
span.contentWarning p {
|
||||
background-color: var(--btn, $fallback--btn);
|
||||
color: var(--btn, $fallback--btn);
|
||||
}
|
||||
|
||||
.contentWarningText::after {
|
||||
content: "(hover to show more)";
|
||||
font-size: 90%;
|
||||
margin-left: 8px;
|
||||
}
|
||||
/* end simple CW hiding */
|
Loading…
Reference in New Issue