diff options
| author | Armand Philippot <git@armandphilippot.com> | 2022-04-14 22:30:45 +0200 |
|---|---|---|
| committer | Armand Philippot <git@armandphilippot.com> | 2022-04-14 22:34:43 +0200 |
| commit | 894621cbf347485010de612b0f7fec74bdd26778 (patch) | |
| tree | ae552e096d5db104594be2a7a6ebc86a99d0642e /src/components/organisms/toolbar/toolbar-items.module.scss | |
| parent | 88b575b0d81e97531b70e90c1e124719b547614b (diff) | |
chore: add a Toolbar component
Diffstat (limited to 'src/components/organisms/toolbar/toolbar-items.module.scss')
| -rw-r--r-- | src/components/organisms/toolbar/toolbar-items.module.scss | 9 |
1 files changed, 7 insertions, 2 deletions
diff --git a/src/components/organisms/toolbar/toolbar-items.module.scss b/src/components/organisms/toolbar/toolbar-items.module.scss index 86ff48e..fd526d6 100644 --- a/src/components/organisms/toolbar/toolbar-items.module.scss +++ b/src/components/organisms/toolbar/toolbar-items.module.scss @@ -6,10 +6,15 @@ --btn-size: #{fun.convert-px(65)}; display: flex; + position: relative; @include mix.media("screen") { @include mix.dimensions("sm") { - justify-content: center; + justify-content: flex-end; + } + + @include mix.dimensions("md") { + justify-content: flex-end; } } } @@ -83,7 +88,7 @@ @include mix.dimensions("sm") { transform: perspective(#{fun.convert-px(400)}) translate3d(0, 0, #{fun.convert-px(-400)}); - transform-origin: 50% -50%; + transform-origin: 100% -50%; } } } |
