From 101e0fa0088b5e50f8ee2df6058bd00568a3a1ee Mon Sep 17 00:00:00 2001 From: Botond Hende Date: Sun, 22 Sep 2024 19:51:22 +0200 Subject: spoiler tag support in content --- assets/css/blog.css | 18 ++++++++++++++++++ 1 file changed, 18 insertions(+) (limited to 'assets/css') diff --git a/assets/css/blog.css b/assets/css/blog.css index 0aa6459..e921a73 100644 --- a/assets/css/blog.css +++ b/assets/css/blog.css @@ -295,6 +295,24 @@ a.posts-listing-link:hover :is(h2, h3) text-decoration: underline; } +.spoiler { + position: absolute; + left:-10000px; +} + +.spoiler:checked ~ label.spoiler-on, +.spoiler:not(:checked) ~ label.spoiler-off { + display: none; +} + +label.spoiler-on { + background-color: var(--term-fg); +} + +label.spoiler-off { + background-color: var(--term-black); +} + @media (min-width: 768px) { main { border-width: 0.15rem; -- cgit v1.2.3-70-g09d2