spoiler tag support in content

1 files changed, 18 insertions, 0 deletions

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;