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/molecules/modals/modal.module.scss | |
| parent | 15fd9f4a6ecf947c7648c6b7865b97c40124fde1 (diff) | |
chore: add a Settings component
Diffstat (limited to 'src/components/molecules/modals/modal.module.scss')
| -rw-r--r-- | src/components/molecules/modals/modal.module.scss | 17 |
1 files changed, 17 insertions, 0 deletions
diff --git a/src/components/molecules/modals/modal.module.scss b/src/components/molecules/modals/modal.module.scss index 2fff562..8866834 100644 --- a/src/components/molecules/modals/modal.module.scss +++ b/src/components/molecules/modals/modal.module.scss @@ -1,4 +1,5 @@ @use "@styles/abstracts/functions" as fun; +@use "@styles/abstracts/mixins" as mix; .wrapper { padding: var(--spacing-md); @@ -12,6 +13,22 @@ 1; box-shadow: fun.convert-px(2) fun.convert-px(-2) fun.convert-px(3) fun.convert-px(-1) var(--color-shadow-dark); + + @include mix.media("screen") { + @include mix.dimensions(null, "sm") { + padding: var(--spacing-xs); + border-left: none; + border-right: none; + + .title { + margin-bottom: var(--spacing-2xs); + } + } + + @include mix.dimensions("sm") { + max-width: 35ch; + } + } } .icon { |