aboutsummaryrefslogtreecommitdiffstats
path: root/src/components/molecules/layout
diff options
context:
space:
mode:
Diffstat (limited to 'src/components/molecules/layout')
-rw-r--r--src/components/molecules/layout/meta.module.scss8
-rw-r--r--src/components/molecules/layout/page-header.module.scss7
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);
}