lectures.alex.balgavy.eu

commit 804420fcae444471dade15b49b6d1847923b6088
parent b1e3d5acba8ac40e3145254008f05f1379c0bce4
Author: Alex Balgavy <alex@balgavy.eu>
Date:   Thu,  3 Mar 2022 18:16:36 +0100

Styling on details elements

Diffstat:
M
sass/_base.scss
 | 
11
+++++++++--
M
sass/dark.scss
 | 
5
+++++
M
sass/light.scss
 | 
5
+++++

3 files changed, 19 insertions(+), 2 deletions(-)
diff --git a/sass/_base.scss b/sass/_base.scss
@@ -184,6 +184,13 @@ table {
     text-decoration: underline;
   }
 }
-details summary {
-  cursor: pointer;
+details {
+  border-width: 2px;
+  border-style: solid;
+  padding: 0.3rem;
+  border-radius: 9px;
+  margin-bottom: 1rem;
+  summary {
+    cursor: pointer;
+  }
 }
diff --git a/sass/dark.scss b/sass/dark.scss
@@ -62,6 +62,11 @@ code {
   color: lighten($textcolor, 8%);
 }
 
+details {
+  border-color: $bgcolor;
+  background: lighten($bgcolor, 6%);
+}
+
 :target {
   background-clip: border-box;
   animation-name: anchor-jump;
diff --git a/sass/light.scss b/sass/light.scss
@@ -46,6 +46,11 @@ code {
   background: darken(white, 10%);
 }
 
+details {
+  border-color: $bgcolor;
+  background: lighten($bgcolor, 5%);
+}
+
 :target {
   background-clip: border-box;
   animation-name: anchor-jump;