ds-site/Resources/Private/Sass/Frontend/layout/page/_content.scss
Daniel Siepmann e5ec51161d Use detail and summary for make TOC and stuff collapsable
This provides info on mobile and desktop, but allows mobile users to
easily collapse to jump to content.
2021-12-08 11:55:27 +01:00

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;
}
}
}