Fix Modules styling and layout

This commit is contained in:
2021-10-02 13:22:17 +02:00
parent 25ef6b37d1
commit 0cc1585953
3 changed files with 12 additions and 11 deletions

View File

@@ -13,8 +13,10 @@
padding: 0; padding: 0;
& > *:first-child { & > *:first-child {
@include bp (sd, max) {
margin-bottom: 32px; margin-bottom: 32px;
} }
}
&:last-child { &:last-child {
margin-bottom: 0; margin-bottom: 0;
} }

View File

@@ -1,14 +1,18 @@
.newsletter { .newsletter {
&__wrapper {
--columns: 20;
grid-column: 3 / span var(--columns);
padding: 40px 40px 48px; padding: 40px 40px 48px;
border-radius: 12px; border-radius: 12px;
@include bp (sd) {
padding: 64px 60px 72px;
}
&__wrapper {
--columns: 20;
grid-column: 3 / span var(--columns);
@include bp (sd) { @include bp (sd) {
--columns: 18; --columns: 18;
grid-column: 4 / span var(--columns); grid-column: 4 / span var(--columns);
padding: 64px 60px 72px;
} }
} }
@@ -97,14 +101,10 @@
// Variants // Variants
// Default color // Default color
&--default { &--default {
.newsletter__wrapper {
background-color: $color-tertiary; background-color: $color-tertiary;
} }
}
// Light // Light
&--light { &--light {
.newsletter__wrapper {
background-color: $color-cream; background-color: $color-cream;
} }
} }
}

View File

@@ -8,7 +8,6 @@
display: grid; display: grid;
grid-template-columns: 40% 1fr; grid-template-columns: 40% 1fr;
grid-template-rows: 1fr; grid-template-rows: 1fr;
// grid-auto-rows: minmax(min-content, max-content);
height: 100%; height: 100%;
} }