39 lines
563 B
SCSS
39 lines
563 B
SCSS
/*
|
|
CSS Guidelines: BEM
|
|
- https://css-tricks.com/bem-101/
|
|
- https://seesparkbox.com/foundry/bem_by_example
|
|
*/
|
|
|
|
@import 'variables';
|
|
@import 'typography';
|
|
|
|
|
|
|
|
.container {
|
|
margin: 0 auto;
|
|
width: 100%;
|
|
max-width: 1440px;
|
|
display: grid;
|
|
grid-template-rows: 72px auto 50px;
|
|
grid-template-columns: 305px auto;
|
|
grid-column-gap: 80px;
|
|
min-height: 100vh;
|
|
grid-template-areas: "h h" "a m" "f f";
|
|
|
|
header {
|
|
grid-area: h;
|
|
}
|
|
aside {
|
|
grid-area: a;
|
|
}
|
|
main {
|
|
grid-area: m;
|
|
}
|
|
footer {
|
|
grid-area: f;
|
|
display: none;
|
|
}
|
|
}
|
|
|
|
|