diff options
| author | Armand Philippot <git@armandphilippot.com> | 2021-12-20 23:11:08 +0100 |
|---|---|---|
| committer | Armand Philippot <git@armandphilippot.com> | 2021-12-20 23:11:08 +0100 |
| commit | 6092ad0c91e0dc268e5988174db87ded14e6c931 (patch) | |
| tree | dd3fc56ae9bde5aa4796bc3889927f55e411dc59 /src/components/Toolbar/Toolbar.module.scss | |
| parent | 168ed3215f659d44215fd02ac05cc1fe58be4e06 (diff) | |
chore: move toolbar size to global scope
It allows me to manage footer padding on small viewports.
Diffstat (limited to 'src/components/Toolbar/Toolbar.module.scss')
| -rw-r--r-- | src/components/Toolbar/Toolbar.module.scss | 5 |
1 files changed, 3 insertions, 2 deletions
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) |