Fix: Details summary padding

PROxZIMA · Jun 9, 2022 · c0f059a · c0f059a
1 parent f8df0c7
commit c0f059a
Showing 1 changed file with 24 additions and 14 deletions.
diff --git a/assets/css/style.scss b/assets/css/style.scss
@@ -2,41 +2,51 @@
 ---
 @import "jekyll-theme-dracula";
 
-summary {
-    list-style: none;
+details>summary {
+  list-style: none;
 }
 
-summary::-webkit-details-marker {
-    display: none;
+details>summary::-webkit-details-marker {
+  display: none;
 }
 
 details>summary::before {
-    content: "▷ ";
+  content: "▷";
+  padding-inline-end: 8px;
 }
 
 details[open]>summary::before {
-    content: "▽ ";
+  content: "▽";
 }
 
+[dir="rtl"] details>summary::before {
+  content: "◁";
+}
+
+[dir="rtl"] details[open]>summary::before {
+  content: "▽";
+}
+
+
 .highlight .err {
-    color: #ff79c6 !important;
-    background-color: transparent !important;
+  color: #ff79c6 !important;
+  background-color: transparent !important;
 }
 
 section img {
-    box-shadow: 0 19px 38px rgba(0, 0, 0, 0.30), 0 15px 12px rgba(0, 0, 0, 0.22) !important;
-    -webkit-box-shadow: 0 19px 38px rgba(0, 0, 0, 0.30), 0 15px 12px rgba(0, 0, 0, 0.22) !important;
-    border-radius: 0.25rem !important;
+  box-shadow: 0 19px 38px rgba(0, 0, 0, 0.30), 0 15px 12px rgba(0, 0, 0, 0.22) !important;
+  -webkit-box-shadow: 0 19px 38px rgba(0, 0, 0, 0.30), 0 15px 12px rgba(0, 0, 0, 0.22) !important;
+  border-radius: 0.25rem !important;
 }
 
 pre {
-    border-radius: 0.35rem !important;
+  border-radius: 0.35rem !important;
 }
 
 code {
-    border-radius: 0.15rem !important;
+  border-radius: 0.15rem !important;
 }
 
 #header nav li a {
-    border-radius: 0.25rem !important;
+  border-radius: 0.25rem !important;
 }