Better code block design, make header smaller on mobile

1 files changed, 6 insertions, 0 deletions

diff --git a/assets/css/components/_header.scss b/assets/css/components/_header.scss
index a84c4fa..1df7c5b 100644
--- a/assets/css/components/_header.scss
+++ b/assets/css/components/_header.scss
@@ -24,6 +24,12 @@
         )
     ), 'light');
 
+    @include store((
+        --dims: (
+            --height: 3.4rem,
+        )
+    ), 'sm');
+
     @include component(namespace()) {
         display: flex;
         height:  prop(--dims --height);