feat: only style details in dumby block

2 files changed, 19 insertions, 17 deletions

diff --git a/src/css/dumbymap.css b/src/css/dumbymap.css
index 10778e8..d5b25cc 100644
--- a/src/css/dumbymap.css
+++ b/src/css/dumbymap.css
@@ -236,6 +236,24 @@ a[href^='http']:not(:has(img))::after,
       animation: 1.5s forwards fade-out cubic-bezier(0.44, 0.18, 0.86, -0.21);
     }
   }
+
+  details {
+    display: block;
+    width: fit-content;
+    padding: .3rem 1rem;
+
+    border-radius: 4px;
+
+    background: #F0F0F0;
+
+    summary {
+      cursor: pointer;
+    }
+
+    &:hover {
+      background: #E4E4E7;
+    }
+  }
 }
 
 .menu {
@@ -784,6 +802,7 @@ a[href^='http']:not(:has(img))::after,
 
 .Dumby[data-layout='sticky'] {
   max-width: 80em;
+
   .Showcase {
     display: block;
     width: 20vw;
diff --git a/src/css/style.css b/src/css/style.css
index 209ff0b..6b0c16d 100644
--- a/src/css/style.css
+++ b/src/css/style.css
@@ -177,20 +177,3 @@ blockquote {
   text-align: center;
 }
 
-details {
-  display: block;
-  width: fit-content;
-  padding: .3rem 1rem;
-
-  border-radius: 4px;
-
-  background: #F0F0F0;
-
-  summary {
-    cursor: pointer;
-  }
-
-  &:hover {
-    background: #E4E4E7;
-  }
-}