diff options
Diffstat (limited to 'src/components/molecules/layout')
| -rw-r--r-- | src/components/molecules/layout/meta.module.scss | 8 | ||||
| -rw-r--r-- | src/components/molecules/layout/page-header.module.scss | 7 |
2 files changed, 8 insertions, 7 deletions
diff --git a/src/components/molecules/layout/meta.module.scss b/src/components/molecules/layout/meta.module.scss index f7cc55b..0485545 100644 --- a/src/components/molecules/layout/meta.module.scss +++ b/src/components/molecules/layout/meta.module.scss @@ -2,12 +2,18 @@ .list { display: grid; - grid-template-columns: repeat(2, minmax(0, 1fr)); + grid-template-columns: repeat(1, minmax(0, 1fr)); + gap: var(--spacing-sm); @include mix.media("screen") { + @include mix.dimensions("2xs") { + grid-template-columns: repeat(2, minmax(0, 1fr)); + } + @include mix.dimensions("sm") { display: flex; flex-flow: column nowrap; + gap: var(--spacing-2xs); } } } diff --git a/src/components/molecules/layout/page-header.module.scss b/src/components/molecules/layout/page-header.module.scss index 93f7595..4c7df5f 100644 --- a/src/components/molecules/layout/page-header.module.scss +++ b/src/components/molecules/layout/page-header.module.scss @@ -1,5 +1,4 @@ @use "@styles/abstracts/functions" as fun; -@use "@styles/abstracts/mixins" as mix; @use "@styles/abstracts/placeholders"; .wrapper { @@ -55,9 +54,5 @@ } .meta { - @include mix.media("screen") { - @include mix.dimensions("xs") { - font-size: var(--font-size-sm); - } - } + font-size: var(--font-size-sm); } |
