From 92cd83081137d380e29cfcd32f94c4d092593c7c Mon Sep 17 00:00:00 2001 From: George Cushen Date: Wed, 16 Feb 2022 21:55:02 +0000 Subject: [PATCH] feat(style): make it obvious that toggled text is not body text --- .../assets/scss/wowchemy/components/_shortcode.scss | 11 +++++++++++ 1 file changed, 11 insertions(+) diff --git a/wowchemy/assets/scss/wowchemy/components/_shortcode.scss b/wowchemy/assets/scss/wowchemy/components/_shortcode.scss index 7f4aa34b..a6106d41 100644 --- a/wowchemy/assets/scss/wowchemy/components/_shortcode.scss +++ b/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); +}