diff options
| author | Armand Philippot <git@armandphilippot.com> | 2022-05-24 16:05:03 +0200 |
|---|---|---|
| committer | Armand Philippot <git@armandphilippot.com> | 2022-05-24 16:05:03 +0200 |
| commit | e1cc2de22fc703d94e1151beb9526d8cbe0e49c1 (patch) | |
| tree | cffd9ada0c418d5e9fb02236c4a7bc050f4c0208 /src/components/organisms/toolbar/toolbar-items.module.scss | |
| parent | 525ea4c39c4965d9f6f7941cf203e56190d0ec1c (diff) | |
chore(toolbar): change icons to close button when activated
Diffstat (limited to 'src/components/organisms/toolbar/toolbar-items.module.scss')
| -rw-r--r-- | src/components/organisms/toolbar/toolbar-items.module.scss | 18 |
1 files changed, 6 insertions, 12 deletions
diff --git a/src/components/organisms/toolbar/toolbar-items.module.scss b/src/components/organisms/toolbar/toolbar-items.module.scss index 20abe01..86b4924 100644 --- a/src/components/organisms/toolbar/toolbar-items.module.scss +++ b/src/components/organisms/toolbar/toolbar-items.module.scss @@ -38,20 +38,14 @@ --draw-border-color1: var(--color-primary-light); --draw-border-color2: var(--color-primary-lighter); - display: flex; - place-content: center; - place-items: center; - width: var(--btn-size); - height: var(--btn-size); - padding: var(--spacing-2xs); - - &:hover, - &:focus { - @extend %draw-borders; + @include mix.media("screen") { + @include mix.dimensions("sm") { + border-radius: fun.convert-px(5); + } } - &:focus { - color: var(--color-primary-light); + &:hover { + @extend %draw-borders; } &:active { |