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;
& > *:first-child {
@include bp (sd, max) {
margin-bottom: 32px;
}
}
&:last-child {
margin-bottom: 0;
}

View File

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

View File

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