Browse Source

feat(style): make it obvious that toggled text is not body text

George Cushen 2 years ago
parent
commit
92cd830811
1 changed files with 11 additions and 0 deletions
  1. 11 0
      wowchemy/assets/scss/wowchemy/components/_shortcode.scss

+ 11 - 0
wowchemy/assets/scss/wowchemy/components/_shortcode.scss

@@ -33,3 +33,14 @@ summary:focus {
   // Override Webkit setting an outline.
   outline: none;
 }
+
+// Make it obvious that toggled text is toggled and not body text.
+details p {
+  margin-left: 0.3rem;
+  padding-left: 0.5rem;
+  border-left: 1px solid rgba(0, 0, 0, 0.8);
+}
+
+.dark details p {
+  border-left: 1px solid rgba(255, 255, 255, 0.8);
+}