rayelliott
/
victor-hugo
Archived
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

54
src/css/imports/layout.scss
View File

@ -3,21 +3,47 @@
max-width: 70rem;
margin-left: auto;
margin-right: auto;
}
.l-section-pad {
padding: 24px 8px;
padding-left: 8px;
padding-right: 8px;
@media (min-width: $bp-s) {
padding: 32px;
padding-left: 32px;
padding-right: 32px;
}
@media (min-width: $bp-m) {
padding: 64px;
padding-left: 64px;
padding-right: 64px;
}
@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
@ -30,6 +56,13 @@
}
}
.l-section-header {
font-size: 2.875rem;
line-height: 1.2;
text-align: center;
margin-bottom: 3.75rem;
}
// #position
.l-absolute {
@ -88,6 +121,15 @@
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 {
display: flex;
flex-direction: row;