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

@@ -1,14 +1,18 @@
.newsletter {
padding: 40px 40px 48px;
border-radius: 12px;
@include bp (sd) {
padding: 64px 60px 72px;
}
&__wrapper {
--columns: 20;
grid-column: 3 / span var(--columns);
padding: 40px 40px 48px;
border-radius: 12px;
@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;
}
background-color: $color-tertiary;
}
// Light
&--light {
.newsletter__wrapper {
background-color: $color-cream;
}
background-color: $color-cream;
}
}