add .l-section-header style

This commit is contained in:
Ray Elliott 2020-03-31 17:33:56 +00:00
parent 34316b980f
commit 965296bea6
1 changed files with 48 additions and 6 deletions

View File

@ -3,21 +3,47 @@
max-width: 70rem; max-width: 70rem;
margin-left: auto; margin-left: auto;
margin-right: auto; margin-right: auto;
}
.l-section-pad { padding-left: 8px;
padding: 24px 8px; padding-right: 8px;
@media (min-width: $bp-s) { @media (min-width: $bp-s) {
padding: 32px; padding-left: 32px;
padding-right: 32px;
} }
@media (min-width: $bp-m) { @media (min-width: $bp-m) {
padding: 64px; padding-left: 64px;
padding-right: 64px;
} }
@media (min-width: $bp-l) { @media (min-width: $bp-l) {
padding: 96px 0; padding-left: 96px;
padding-right: 96px;
}
&--wide {
max-width: 110rem;
}
}
.l-section-pad {
padding-top: 24px;
padding-bottom: 24px;
@media (min-width: $bp-s) {
padding-top: 32px;
padding-bottom: 32px;
}
@media (min-width: $bp-m) {
padding-top: 64px;
padding-bottom: 64px;
}
@media (min-width: $bp-l) {
padding-top: 96px;
padding-bottom: 96px;
} }
// reduce padding bottom // reduce padding bottom
@ -30,6 +56,13 @@
} }
} }
.l-section-header {
font-size: 2.875rem;
line-height: 1.2;
text-align: center;
margin-bottom: 3.75rem;
}
// #position // #position
.l-absolute { .l-absolute {
@ -88,6 +121,15 @@
flex-wrap: wrap; flex-wrap: wrap;
} }
.l-flex-list-col {
display: flex;
flex-direction: column;
justify-content: center;
padding-left: 0;
list-style: none;
margin: 0;
}
.l-flex-list-row { .l-flex-list-row {
display: flex; display: flex;
flex-direction: row; flex-direction: row;