From 5ff649e9eb7213a71ed56006d0a9a8a912fec05c Mon Sep 17 00:00:00 2001 From: Michael Tremer Date: Thu, 23 May 2019 12:48:25 +0100 Subject: [PATCH] CSS: Make code elements dark Signed-off-by: Michael Tremer --- src/scss/_variables.scss | 2 ++ src/scss/style.scss | 17 +++++++++++++++++ 2 files changed, 19 insertions(+) diff --git a/src/scss/_variables.scss b/src/scss/_variables.scss index c4ed83fa..723612cb 100644 --- a/src/scss/_variables.scss +++ b/src/scss/_variables.scss @@ -27,6 +27,8 @@ $theme-colors: ( $body-bg: $dark; $body-color: $white; +$code-color: $white; +$pre-color: $white; // Breakpoints $grid-breakpoints: ( diff --git a/src/scss/style.scss b/src/scss/style.scss index c0280318..e183595b 100644 --- a/src/scss/style.scss +++ b/src/scss/style.scss @@ -63,6 +63,23 @@ body { } } +code { + background-color: $dark; + border-radius: $border-radius; + padding: 0.1rem 0.2rem; +} + +pre { + background-color: $dark; + border-radius: $border-radius; + padding: 0.5rem; + + code { + background-color: inherit; + padding: 0; + } +} + .card { @extend .inverse; -- 2.47.3