123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051 |
- .bd-layout {
- @include media-breakpoint-up(md) {
- display: grid;
- gap: $grid-gutter-width;
- grid-template-areas: "sidebar main";
- grid-template-columns: 1fr 3fr;
- }
- @include media-breakpoint-up(lg) {
- grid-template-columns: 1fr 5fr;
- }
- }
- .bd-sidebar {
- grid-area: sidebar;
- }
- .bd-main {
- grid-area: main;
- @include media-breakpoint-up(md) {
- display: grid;
- gap: inherit;
- grid-template-areas:
- "intro"
- "toc"
- "content";
- grid-template-rows: auto auto 1fr;
- }
- @include media-breakpoint-up(lg) {
- grid-template-areas:
- "intro toc"
- "content toc";
- grid-template-columns: 4fr 1fr;
- grid-template-rows: auto 1fr;
- }
- }
- .bd-intro {
- grid-area: intro;
- }
- .bd-toc {
- grid-area: toc;
- }
- .bd-content {
- grid-area: content;
- min-width: 1px;
- }
|