diff options
| author | Armand Philippot <git@armandphilippot.com> | 2022-06-01 19:34:43 +0200 |
|---|---|---|
| committer | Armand Philippot <git@armandphilippot.com> | 2022-06-01 22:32:16 +0200 |
| commit | 6be20422494e3806fba3d1c5ad5c3e98bd6e67e5 (patch) | |
| tree | 7c679e54ba4bbadaf0a59bbde780f5742e3b875d /src/components/molecules/forms/select-with-tooltip.module.scss | |
| parent | 8320b1d39ea6402c32e907dbb35082efc6af9f5a (diff) | |
chore: replace the Ackee select by a toggle component
Diffstat (limited to 'src/components/molecules/forms/select-with-tooltip.module.scss')
| -rw-r--r-- | src/components/molecules/forms/select-with-tooltip.module.scss | 48 |
1 files changed, 0 insertions, 48 deletions
diff --git a/src/components/molecules/forms/select-with-tooltip.module.scss b/src/components/molecules/forms/select-with-tooltip.module.scss deleted file mode 100644 index bfadece..0000000 --- a/src/components/molecules/forms/select-with-tooltip.module.scss +++ /dev/null @@ -1,48 +0,0 @@ -@use "@styles/abstracts/functions" as fun; -@use "@styles/abstracts/mixins" as mix; - -.wrapper { - display: flex; - flex-flow: row wrap; - align-items: center; - position: relative; -} - -.select { - width: auto; - - @include mix.pointer("fine") { - padding: fun.convert-px(3) var(--spacing-xs); - } -} - -.btn { - margin-left: var(--spacing-xs); - - &--activated { - background: var(--color-primary); - - * { - color: var(--color-fg-inverted); - } - } -} - -.tooltip { - position: absolute; - top: calc(100% + var(--spacing-xs)); - transform-origin: top; - transition: all 0.75s ease-in-out 0s; - - &--hidden { - opacity: 0; - visibility: hidden; - transform: scale(0); - } - - &--visible { - opacity: 1; - visibility: visible; - transform: scale(1); - } -} |
