95 lines
1.5 KiB
SCSS
95 lines
1.5 KiB
SCSS
body > main {
|
|
@extend .row;
|
|
|
|
& > header {
|
|
@extend .col-12;
|
|
}
|
|
|
|
& > section {
|
|
@extend .col-xl-8;
|
|
@extend .col-12;
|
|
}
|
|
|
|
& > aside {
|
|
@extend .col-xl-4;
|
|
@extend .col-12;
|
|
|
|
// For padding
|
|
@extend article;
|
|
|
|
nav ul {
|
|
list-style: none;
|
|
padding-left: 0;
|
|
}
|
|
}
|
|
}
|
|
|
|
@media (max-width: 1439px) {
|
|
body > main > aside {
|
|
padding-bottom: 0;
|
|
|
|
h1, h2, h3, h4, h5, h6 {
|
|
margin-bottom: 0;
|
|
}
|
|
|
|
li {
|
|
margin-right: $spacer;
|
|
line-height: $spacer * 2;
|
|
white-space: nowrap;
|
|
}
|
|
|
|
nav li {
|
|
display: inline;
|
|
}
|
|
}
|
|
}
|
|
|
|
li {
|
|
padding: {
|
|
bottom: $spacer / 2;
|
|
top: $spacer / 2;
|
|
}
|
|
}
|
|
|
|
section {
|
|
& > header {
|
|
font-size: 1.5em;
|
|
padding-bottom: $spacer * 2;
|
|
}
|
|
|
|
& > a:first-child + {
|
|
h1, h2, h3, h4, h5, h6 {
|
|
margin-top: $spacer * 4;
|
|
}
|
|
}
|
|
}
|
|
|
|
article {
|
|
padding: {
|
|
top: $spacer * 2;
|
|
bottom: $spacer * 2;
|
|
}
|
|
|
|
h1, h2, h3, h4, h5, h6 {
|
|
margin-bottom: 0;
|
|
padding: {
|
|
top: $spacer * 2;
|
|
bottom: $spacer;
|
|
}
|
|
}
|
|
|
|
& > header {
|
|
font-size: 1.25em;
|
|
margin-bottom: $spacer * 2;
|
|
|
|
h1, h2, h3, h4, h5, h6 {
|
|
margin-bottom: 0;
|
|
padding-bottom: 0;
|
|
}
|
|
|
|
p {
|
|
font-size: 0.75em;
|
|
margin: 0;
|
|
}
|
|
}
|
|
}
|