Fix Modules styling and layout
This commit is contained in:
@@ -13,7 +13,9 @@
|
|||||||
padding: 0;
|
padding: 0;
|
||||||
|
|
||||||
& > *:first-child {
|
& > *:first-child {
|
||||||
margin-bottom: 32px;
|
@include bp (sd, max) {
|
||||||
|
margin-bottom: 32px;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
&:last-child {
|
&:last-child {
|
||||||
margin-bottom: 0;
|
margin-bottom: 0;
|
||||||
|
|||||||
@@ -1,14 +1,18 @@
|
|||||||
.newsletter {
|
.newsletter {
|
||||||
|
padding: 40px 40px 48px;
|
||||||
|
border-radius: 12px;
|
||||||
|
|
||||||
|
@include bp (sd) {
|
||||||
|
padding: 64px 60px 72px;
|
||||||
|
}
|
||||||
|
|
||||||
&__wrapper {
|
&__wrapper {
|
||||||
--columns: 20;
|
--columns: 20;
|
||||||
grid-column: 3 / span var(--columns);
|
grid-column: 3 / span var(--columns);
|
||||||
padding: 40px 40px 48px;
|
|
||||||
border-radius: 12px;
|
|
||||||
|
|
||||||
@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;
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
@@ -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%;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
Reference in New Issue
Block a user