From 712c286065fc5c5eca32972ed53b8cdc9d7a33d4 Mon Sep 17 00:00:00 2001
From: Xanazf <hotdamnsucka@gmail.com>
Date: Sat, 19 Oct 2024 22:22:13 +0300
Subject: [PATCH] added margins to codeblocks and hover effects for the
 collapsible

---
 src/styles/components/accordion.css | 6 ++++++
 src/styles/css-config/code.css      | 4 ++++
 2 files changed, 10 insertions(+)

diff --git a/src/styles/components/accordion.css b/src/styles/components/accordion.css
index ac6f430..ad8c873 100644
--- a/src/styles/components/accordion.css
+++ b/src/styles/components/accordion.css
@@ -1,6 +1,12 @@
 .accordion {
   & summary {
     list-style: none;
+    transition: background-color 0.15s ease-out;
+
+    &:hover {
+      background-color: hsla(250 11 100 / 0.06);
+      cursor: pointer;
+    }
   }
 
   & .accordion-container {
diff --git a/src/styles/css-config/code.css b/src/styles/css-config/code.css
index 2b1c960..f30fa94 100644
--- a/src/styles/css-config/code.css
+++ b/src/styles/css-config/code.css
@@ -1,3 +1,7 @@
+pre.shiki {
+  margin-block: 1.618rem;
+}
+
 :where(p, li):has(> code) code {
   padding-inline: 0.272rem;
   border-radius: 0.272rem;