summaryrefslogtreecommitdiffstats
path: root/src/components/molecules
diff options
context:
space:
mode:
Diffstat (limited to 'src/components/molecules')
-rw-r--r--src/components/molecules/buttons/heading-button.module.scss4
-rw-r--r--src/components/molecules/layout/meta.module.scss8
-rw-r--r--src/components/molecules/layout/page-header.module.scss7
3 files changed, 11 insertions, 8 deletions
diff --git a/src/components/molecules/buttons/heading-button.module.scss b/src/components/molecules/buttons/heading-button.module.scss
index 1d16410..9c278e4 100644
--- a/src/components/molecules/buttons/heading-button.module.scss
+++ b/src/components/molecules/buttons/heading-button.module.scss
@@ -36,6 +36,8 @@
}
.heading {
- background: none;
padding: var(--spacing-2xs) 0;
+ background: none;
+ font-size: var(--font-size-xl);
+ text-align: left;
}
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);
}