From e1cc2de22fc703d94e1151beb9526d8cbe0e49c1 Mon Sep 17 00:00:00 2001 From: Armand Philippot Date: Tue, 24 May 2022 16:05:03 +0200 Subject: chore(toolbar): change icons to close button when activated --- .../organisms/toolbar/toolbar-items.module.scss | 18 ++++++------------ 1 file changed, 6 insertions(+), 12 deletions(-) (limited to 'src/components/organisms/toolbar/toolbar-items.module.scss') 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 { -- cgit v1.2.3