From e97325a2c174a87c29593d1b42b9a1cc1eaf11af Mon Sep 17 00:00:00 2001 From: Armand Philippot Date: Wed, 4 Oct 2023 15:06:29 +0200 Subject: refactor(components): rewrite HelpButton component --- .../buttons/help-button/help-button.module.scss | 24 ++++++++++++++++++++++ 1 file changed, 24 insertions(+) create mode 100644 src/components/molecules/buttons/help-button/help-button.module.scss (limited to 'src/components/molecules/buttons/help-button/help-button.module.scss') diff --git a/src/components/molecules/buttons/help-button/help-button.module.scss b/src/components/molecules/buttons/help-button/help-button.module.scss new file mode 100644 index 0000000..2dbba69 --- /dev/null +++ b/src/components/molecules/buttons/help-button/help-button.module.scss @@ -0,0 +1,24 @@ +@use "../../../../styles/abstracts/functions" as fun; +@use "../../../../styles/abstracts/mixins" as mix; + +.btn { + padding: fun.convert-px(7); + + @include mix.pointer("fine") { + padding: fun.convert-px(4); + } + + &[aria-pressed="true"] { + background: var(--color-primary-dark); + border-color: var(--color-primary-dark); + box-shadow: fun.convert-px(1) fun.convert-px(1) 0 0 var(--color-shadow); + + .icon { + :global { + path { + fill: var(--color-fg-inverted); + } + } + } + } +} -- cgit v1.2.3