Fix Modules styling and layout
This commit is contained in:
@@ -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;
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user