From 300c1dbee64c179caf8e64a67a433cf2f135b958 Mon Sep 17 00:00:00 2001 From: Lucien Cartier-Tilet Date: Tue, 5 May 2020 10:39:54 +0200 Subject: [PATCH] Added support in SCSS for code blocks --- web/style/style.scss | 41 +++++++++++++++++++++++++++++++++++++++++ 1 file changed, 41 insertions(+) diff --git a/web/style/style.scss b/web/style/style.scss index f0f0d1c..4253e33 100644 --- a/web/style/style.scss +++ b/web/style/style.scss @@ -78,6 +78,18 @@ $gradient-accent3-light-right: linear-gradient(to right, $light, $accent3); transition: background 500ms ease-in-out, color 1s ease-in-out; + pre { + box-shadow: 3px 3px $dark; + border-color: $light; + } + + pre.src { + &::before { + background-color: $light; + color: $dark; + } + } + .navbar, header { background: $bg-nav; } @@ -140,6 +152,18 @@ $gradient-accent3-light-right: linear-gradient(to right, $light, $accent3); transition: background 500ms ease-in-out, color 1s ease-in-out; + pre { + box-shadow: 3px 3px $dark; + border: none; + } + + pre.src { + &::before { + background-color: $dark; + color: $light; + } + } + .navbar, header { background: $bg-nav; } @@ -198,6 +222,18 @@ $gradient-accent3-light-right: linear-gradient(to right, $light, $accent3); background: $black; + pre { + box-shadow: 3px 3px $light; + border: none; + } + + pre.src { + &::before { + background-color: $black; + color: $light; + } + } + .navbar, header { background: $bg-nav; } @@ -548,3 +584,8 @@ img { ul { padding-inline-start: 20px; } + +pre.src { + overflow-y: auto; + +}