From 51889773b12c576dc199fc84d0188f822ac7baae Mon Sep 17 00:00:00 2001 From: Armand Philippot Date: Wed, 6 Apr 2022 19:17:15 +0200 Subject: chore: add a HelpButton component I also added a new shape to the button base. --- .../molecules/buttons/help-button.module.scss | 21 +++++++++++++++++++++ 1 file changed, 21 insertions(+) create mode 100644 src/components/molecules/buttons/help-button.module.scss (limited to 'src/components/molecules/buttons/help-button.module.scss') diff --git a/src/components/molecules/buttons/help-button.module.scss b/src/components/molecules/buttons/help-button.module.scss new file mode 100644 index 0000000..42d49f6 --- /dev/null +++ b/src/components/molecules/buttons/help-button.module.scss @@ -0,0 +1,21 @@ +@use "@styles/abstracts/functions" as fun; +@use "@styles/abstracts/mixins" as mix; + +.btn { + padding: var(--spacing-xs); + + &:not(:disabled) { + &:focus { + text-decoration: none; + } + } + + @include mix.pointer("fine") { + padding: var(--spacing-2xs); + } +} + +.icon { + color: var(--color-primary-dark); + font-weight: 600; +} -- cgit v1.2.3