58 lines
743 B
SCSS
58 lines
743 B
SCSS
|
* {
|
||
|
|
box-sizing: border-box;
|
||
|
|
margin: 0;
|
||
|
|
padding: 0;
|
||
|
|
border: 0;
|
||
|
|
color: $black;
|
||
|
|
font: inherit;
|
||
|
|
vertical-align: baseline;
|
||
|
|
|
||
|
|
&::before,
|
||
|
|
&::after {
|
||
|
|
box-sizing: border-box;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
html {
|
||
|
|
box-sizing: inherit;
|
||
|
|
overflow-x: hidden;
|
||
|
|
}
|
||
|
|
|
||
|
|
body {
|
||
|
|
@include size(p);
|
||
|
|
display: flex;
|
||
|
|
flex-direction: column;
|
||
|
|
justify-content: space-between;
|
||
|
|
min-height: 100vh;
|
||
|
|
color: $black;
|
||
|
|
font-family: $font-body;
|
||
|
|
line-height: $base-line-height;
|
||
|
|
}
|
||
|
|
|
||
|
|
header {
|
||
|
|
height: 100vh;
|
||
|
|
background-color: $white;
|
||
|
|
|
||
|
|
div {
|
||
|
|
z-index: 101;
|
||
|
|
}
|
||
|
|
|
||
|
|
img {
|
||
|
|
max-height: $vertical-rhythm * 6;
|
||
|
|
}
|
||
|
|
|
||
|
|
h1 {
|
||
|
|
font-family: $font-body;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
footer {
|
||
|
|
height: $vertical-rhythm * 6;
|
||
|
|
background-color: $black;
|
||
|
|
|
||
|
|
div,
|
||
|
|
a {
|
||
|
|
color: $white;
|
||
|
|
}
|
||
|
|
}
|