From 0c855cd16575ad7a7264ce4c1fd372c22dad9d7e Mon Sep 17 00:00:00 2001
From: Thomas Dehaeze <dehaeze.thomas@gmail.com>
Date: Wed, 25 Nov 2020 19:35:58 +0100
Subject: [PATCH] Add details CSS to fold things

---
 css/partials/_details.scss | 28 ++++++++++++++++++++++++++++
 css/style.css              | 25 +++++++++++++++++++++++++
 css/style.scss             |  1 +
 3 files changed, 54 insertions(+)
 create mode 100644 css/partials/_details.scss

diff --git a/css/partials/_details.scss b/css/partials/_details.scss
new file mode 100644
index 0000000..1ae8273
--- /dev/null
+++ b/css/partials/_details.scss
@@ -0,0 +1,28 @@
+details {
+    /* color: #2980B9; */
+    background: #fbfbfb;
+    border: 1px solid  #c9c9c9;
+    border-radius: 3px;
+    padding:  0.25em;
+    margin-bottom: 1.0em;
+    pre.src {
+        border: 0;
+        background: none;
+        margin: 0;
+    }
+    pre.src-lisp::before { content: ""; }
+}
+
+
+summary {
+    outline: 0;
+    color: #c9c9c9;
+    &::after {
+        font-size: 0.85em;
+        color: #c9c9c9;
+        display: inline-block;
+        float: right;
+        content: "Click to fold/unfold";
+        padding-right:  0.5em;
+    }
+}
diff --git a/css/style.css b/css/style.css
index 51b6981..d17a3c6 100644
--- a/css/style.css
+++ b/css/style.css
@@ -1116,4 +1116,29 @@ iframe {
 video {
   max-width: 100%; }
 
+details {
+  /* color: #2980B9; */
+  background: #fbfbfb;
+  border: 1px solid  #c9c9c9;
+  border-radius: 3px;
+  padding: 0.25em;
+  margin-bottom: 1.0em; }
+  details pre.src {
+    border: 0;
+    background: none;
+    margin: 0; }
+  details pre.src-lisp::before {
+    content: ""; }
+
+summary {
+  outline: 0;
+  color: #c9c9c9; }
+  summary::after {
+    font-size: 0.85em;
+    color: #c9c9c9;
+    display: inline-block;
+    float: right;
+    content: "Click to fold/unfold";
+    padding-right: 0.5em; }
+
 /*# sourceMappingURL=style.css.map */
diff --git a/css/style.scss b/css/style.scss
index 5510a2d..0b2e0ce 100644
--- a/css/style.scss
+++ b/css/style.scss
@@ -10,3 +10,4 @@
 @import 'partials/_figures.scss';
 @import 'partials/_tables.scss';
 @import 'partials/_video.scss';
+@import 'partials/_details.scss';