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/components/Toolbar/Toolbar.module.scss | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

(limited to 'src/components/Toolbar/Toolbar.module.scss')

diff --git a/src/components/Toolbar/Toolbar.module.scss b/src/components/Toolbar/Toolbar.module.scss
index 18212a2..527a342 100644
--- a/src/components/Toolbar/Toolbar.module.scss
+++ b/src/components/Toolbar/Toolbar.module.scss
@@ -2,7 +2,6 @@
 @use "@styles/abstracts/mixins" as mix;
 
 .wrapper {
-  --toolbar-size: #{fun.convert-px(60)};
   --btn-size: #{fun.convert-px(50)};
 
   display: flex;
@@ -26,6 +25,8 @@
     }
 
     @include mix.dimensions("sm") {
+      --toolbar-size: auto;
+
       justify-content: flex-end;
       gap: var(--spacing-md);
       width: auto;
@@ -65,7 +66,7 @@
       width: fun.convert-px(500);
       left: unset;
       right: unset;
-      top: 200%;
+      top: 150%;
       bottom: unset;
       background: var(--color-bg-opacity);
       box-shadow: fun.convert-px(2) fun.convert-px(2) fun.convert-px(3)
-- 
cgit v1.2.3