Daniel Siepmann
e5ec51161d
This provides info on mobile and desktop, but allows mobile users to easily collapse to jump to content.
31 lines
603 B
SCSS
31 lines
603 B
SCSS
body.LayoutContent {
|
|
article {
|
|
@extend .row;
|
|
@extend .col-12;
|
|
@extend .order-xl-2;
|
|
|
|
& > header {
|
|
@extend .col-12;
|
|
@extend .order-xl-1;
|
|
}
|
|
& > 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.LayoutContent {
|
|
article,
|
|
article > main {
|
|
padding-right: 0;
|
|
}
|
|
}
|
|
}
|