From: Michael Tremer Date: Thu, 23 May 2019 11:48:25 +0000 (+0100) Subject: CSS: Make code elements dark X-Git-Url: http://git.ipfire.org/?a=commitdiff_plain;h=5ff649e9eb7213a71ed56006d0a9a8a912fec05c;p=ipfire.org.git CSS: Make code elements dark Signed-off-by: Michael Tremer --- 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;