42 lines
796 B
SCSS
42 lines
796 B
SCSS
body.LayoutBlogPost {
|
|
article {
|
|
@extend .row;
|
|
@extend .col-12;
|
|
|
|
& > header {
|
|
@extend .col-12;
|
|
@extend .order-xl-1;
|
|
margin-bottom: 0;
|
|
}
|
|
& > aside {
|
|
@extend .col-12;
|
|
@extend .col-xl-4;
|
|
@extend .order-xl-3;
|
|
}
|
|
& > main {
|
|
@extend .col-12;
|
|
@extend .col-xl-8;
|
|
@extend .order-xl-2;
|
|
}
|
|
}
|
|
}
|
|
|
|
@media (max-width: 1023px) {
|
|
body.LayoutBlogPost {
|
|
article,
|
|
article > main {
|
|
padding-right: 0;
|
|
}
|
|
}
|
|
}
|
|
@media (max-width: 1439px) {
|
|
body.LayoutBlogPost {
|
|
article {
|
|
padding-top: 0;
|
|
|
|
header h1 {
|
|
padding-top: 0;
|
|
}
|
|
}
|
|
}
|
|
}
|