From 6092ad0c91e0dc268e5988174db87ded14e6c931 Mon Sep 17 00:00:00 2001
From: Armand Philippot <git@armandphilippot.com>
Date: Mon, 20 Dec 2021 23:11:08 +0100
Subject: chore: move toolbar size to global scope

It allows me to manage footer padding on small viewports.
---
 src/styles/base/_spacings.scss | 11 +++++++++++
 1 file changed, 11 insertions(+)

(limited to 'src/styles/base/_spacings.scss')

diff --git a/src/styles/base/_spacings.scss b/src/styles/base/_spacings.scss
index 512b597..74c6fa9 100644
--- a/src/styles/base/_spacings.scss
+++ b/src/styles/base/_spacings.scss
@@ -1,3 +1,5 @@
+@use "@styles/abstracts/functions" as fun;
+@use "@styles/abstracts/mixins" as mix;
 @use "@styles/abstracts/variables" as var;
 @use "sass:math";
 
@@ -22,4 +24,13 @@
   --spacing-xl: clamp(#{var.spacing("lg")}, 1ex + 4vw, #{var.spacing("xl")});
   --spacing-2xl: clamp(#{var.spacing("xl")}, 1ex + 5vw, #{var.spacing("2xl")});
   --spacing-3xl: clamp(#{var.spacing("2xl")}, 1ex + 6vw, #{var.spacing("3xl")});
+  --toolbar-size: #{fun.convert-px(60)};
+}
+
+@include mix.media("screen") {
+  @include mix.dimensions("sm") {
+    :root {
+      --toolbar-size: 0;
+    }
+  }
 }
-- 
cgit v1.2.3