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;
|
text-align: right;
|
||||||
padding-right: 20px;
|
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