mmoser/markamoser.com
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

backend

Browse Source
This commit is contained in:
Mark Moser
2017-08-21 21:32:07 -05:00
committed by Mark Moser
parent 4ab6579576
commit b3d509144e
3 changed files with 39 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

40
site/assets/scss/elements/_layout.scss
View File

@ -2,12 +2,16 @@ body {
min-width: 300px;
}
header,
footer {
header {
margin: 0;
padding: 0;
}
footer {
margin: 0;
padding: 0 $gutter;
}
main {
margin: 0 $gutter;
padding: 0;
@ -15,13 +19,28 @@ main {
section {
margin: ($gutter * 2) 0;
&:nth-of-type(even) {
margin-right: -$gutter;
margin-left: -$gutter;
background-color: $light-grey;
padding: $gutter;
}
}
@media screen and (min-width: 426px) {
footer,
main {
margin: 0 auto;
width: 425px;
width: 100%;
}
footer,
section {
padding: $gutter calc((100% - 425px) / 2);
&:nth-of-type(even) {
padding: $gutter calc(((100% - 425px) / 2) + #{$gutter});
}
}
}
@ -32,8 +51,21 @@ section {
max-width: 860px;
}
footer {
margin: 0 auto;
padding: 0;
}
section {
margin: ($gutter * 4) 0;
padding: $gutter 0;
width: auto;
&:nth-of-type(even) {
margin-right: calc(-100% * 0.809 / 2);
margin-left: calc(-100% * 0.809 / 2);
padding: ($gutter * 2) calc(100% * 0.809 / 2);
}
}
}