diff options
Diffstat (limited to 'vendor/twbs/bootstrap/site/assets/scss/_layout.scss')
-rw-r--r-- | vendor/twbs/bootstrap/site/assets/scss/_layout.scss | 22 |
1 files changed, 14 insertions, 8 deletions
diff --git a/vendor/twbs/bootstrap/site/assets/scss/_layout.scss b/vendor/twbs/bootstrap/site/assets/scss/_layout.scss index 707c4949d..d0482d9b7 100644 --- a/vendor/twbs/bootstrap/site/assets/scss/_layout.scss +++ b/vendor/twbs/bootstrap/site/assets/scss/_layout.scss @@ -1,13 +1,14 @@ +.bd-gutter { + --bs-gutter-x: #{$bd-gutter-x}; +} + .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) { + display: grid; + grid-template-areas: "sidebar main"; grid-template-columns: 1fr 5fr; + gap: $grid-gutter-width; } } @@ -18,22 +19,27 @@ .bd-main { grid-area: main; + @include media-breakpoint-down(lg) { + max-width: 760px; + margin-inline: auto; + } + @include media-breakpoint-up(md) { display: grid; - gap: inherit; grid-template-areas: "intro" "toc" "content"; grid-template-rows: auto auto 1fr; + gap: inherit; } @include media-breakpoint-up(lg) { grid-template-areas: "intro toc" "content toc"; - grid-template-columns: 4fr 1fr; grid-template-rows: auto 1fr; + grid-template-columns: 4fr 1fr; } } |