diff options
| author | Armand Philippot <git@armandphilippot.com> | 2022-04-14 19:25:46 +0200 |
|---|---|---|
| committer | Armand Philippot <git@armandphilippot.com> | 2022-04-14 19:25:46 +0200 |
| commit | 1d162d7aafb3cfe2c3351b5fd891bbf6d476e9b2 (patch) | |
| tree | c263967fcb9f0fdaa2f665b0471091dfcc62b34e /src/components/organisms/modals/settings-modal.module.scss | |
| parent | 15fd9f4a6ecf947c7648c6b7865b97c40124fde1 (diff) | |
chore: add a Settings component
Diffstat (limited to 'src/components/organisms/modals/settings-modal.module.scss')
| -rw-r--r-- | src/components/organisms/modals/settings-modal.module.scss | 23 |
1 files changed, 15 insertions, 8 deletions
diff --git a/src/components/organisms/modals/settings-modal.module.scss b/src/components/organisms/modals/settings-modal.module.scss index f17c9b3..ebae3da 100644 --- a/src/components/organisms/modals/settings-modal.module.scss +++ b/src/components/organisms/modals/settings-modal.module.scss @@ -1,14 +1,21 @@ -.wrapper { - max-width: 30ch; +@use "@styles/abstracts/mixins" as mix; +.wrapper { .label { margin-right: auto; } -} -.tooltip { - width: 120%; - top: calc(100% + var(--spacing-sm)); - right: -10%; - transform-origin: top right; + @include mix.media("screen") { + @include mix.dimensions(null, "2xs", "height") { + font-size: var(--font-size-sm); + + .heading { + font-size: var(--font-size-lg); + } + + .label { + font-size: var(--font-size-sm); + } + } + } } |