From 502190055d1eae191631e39ef315c5aeea9678dc Mon Sep 17 00:00:00 2001
From: Danila Fedorin <danila.fedorin@gmail.com>
Date: Sun, 4 Jun 2023 21:54:08 -0700
Subject: [PATCH] Add a details shortcode

---
 assets/scss/style.scss          | 20 ++++++++++++++++++++
 layouts/shortcodes/details.html |  4 ++++
 2 files changed, 24 insertions(+)
 create mode 100644 layouts/shortcodes/details.html

diff --git a/assets/scss/style.scss b/assets/scss/style.scss
index 820f0f2..3590a78 100755
--- a/assets/scss/style.scss
+++ b/assets/scss/style.scss
@@ -339,3 +339,23 @@ figure {
         margin: 0 0.25rem 0 0.25rem;
     }
 }
+
+details {
+    @include bordered-block;
+    padding: 0.5rem 0.5rem 0 0.5rem;
+
+    &[open] {
+        padding-bottom: 0.5rem;
+
+        summary {
+            border-bottom: $standard-border;
+            margin-bottom: 0.5rem;
+        }
+    }
+}
+
+summary {
+    margin: 0 -0.5rem 0 -0.5rem;
+    padding: 0.5rem;
+    padding-top: 0;
+}
diff --git a/layouts/shortcodes/details.html b/layouts/shortcodes/details.html
new file mode 100644
index 0000000..5b99942
--- /dev/null
+++ b/layouts/shortcodes/details.html
@@ -0,0 +1,4 @@
+<details>
+    <summary>{{ .Get "summary" | markdownify }}</summary>
+    {{ .Inner | markdownify }}
+</details>