ds-site/Resources/Private/Sass/layout/_content.scss

96 lines
1.5 KiB
SCSS
Raw Normal View History

2019-11-15 00:27:23 +01:00
body > main {
@extend .row;
2020-01-08 21:03:54 +01:00
& > header {
@extend .col-12;
}
2019-11-15 00:27:23 +01:00
& > section {
2019-12-13 16:29:34 +01:00
@extend .col-xl-8;
@extend .col-12;
2019-11-15 00:27:23 +01:00
}
& > aside {
2019-12-13 16:29:34 +01:00
@extend .col-xl-4;
@extend .col-12;
2019-11-15 00:27:23 +01:00
2020-01-08 21:03:54 +01:00
// For padding
@extend article;
nav ul {
list-style: none;
padding-left: 0;
}
2019-11-15 00:27:23 +01:00
}
}
2019-12-13 16:40:43 +01:00
@media (max-width: 1439px) {
2020-01-08 21:03:54 +01:00
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;
}
2019-12-13 16:40:43 +01:00
}
}
2019-11-15 00:27:23 +01:00
li {
padding: {
bottom: $spacer / 2;
top: $spacer / 2;
}
}
2020-01-08 21:03:54 +01:00
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;
}
}
}