diff options
author | Mark Otto <markdotto@gmail.com> | 2022-02-24 06:59:12 +0300 |
---|---|---|
committer | Mark Otto <markdotto@gmail.com> | 2022-02-24 06:59:12 +0300 |
commit | e4fd8c07668dee927ea04ed519825eb3f4de0dac (patch) | |
tree | e0c6c573f22013c2dedc5fef52793d4d71c75c1e | |
parent | e4d342d5fc4543a7580a103b39a2f7d82b38ed80 (diff) |
Move custom docs gutter to new class
-rw-r--r-- | site/assets/scss/_layout.scss | 5 | ||||
-rw-r--r-- | site/assets/scss/_masthead.scss | 5 | ||||
-rw-r--r-- | site/assets/scss/_navbar.scss | 4 | ||||
-rw-r--r-- | site/layouts/_default/docs.html | 2 | ||||
-rw-r--r-- | site/layouts/_default/single.html | 4 | ||||
-rw-r--r-- | site/layouts/partials/docs-navbar.html | 2 | ||||
-rw-r--r-- | site/layouts/partials/home/masthead-followup.html | 2 | ||||
-rw-r--r-- | site/layouts/partials/home/masthead.html | 2 |
8 files changed, 10 insertions, 16 deletions
diff --git a/site/assets/scss/_layout.scss b/site/assets/scss/_layout.scss index 13f2173cea..d0482d9b71 100644 --- a/site/assets/scss/_layout.scss +++ b/site/assets/scss/_layout.scss @@ -1,5 +1,8 @@ -.bd-layout { +.bd-gutter { --bs-gutter-x: #{$bd-gutter-x}; +} + +.bd-layout { @include media-breakpoint-up(lg) { display: grid; diff --git a/site/assets/scss/_masthead.scss b/site/assets/scss/_masthead.scss index a20c5baaf8..bbc8675836 100644 --- a/site/assets/scss/_masthead.scss +++ b/site/assets/scss/_masthead.scss @@ -55,11 +55,6 @@ padding: .8rem 2rem; } -.bd-masthead-followup, -.bd-masthead .container-xxl { - --bs-gutter-x: #{$bd-gutter-x}; -} - .masthead-followup-icon { padding: 1rem; background-color: currentColor; diff --git a/site/assets/scss/_navbar.scss b/site/assets/scss/_navbar.scss index e6c8348f2d..91ec45944e 100644 --- a/site/assets/scss/_navbar.scss +++ b/site/assets/scss/_navbar.scss @@ -4,10 +4,6 @@ background-image: linear-gradient(to bottom, rgba(var(--bd-violet-rgb), 1), rgba(var(--bd-violet-rgb), .95)); box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15), inset 0 -1px 0 rgba(0, 0, 0, .15); - .container-xxl { - --bs-gutter-x: #{$bd-gutter-x}; - } - .navbar-toggler { padding: 0; border: 0; diff --git a/site/layouts/_default/docs.html b/site/layouts/_default/docs.html index 60a1419dd7..3c61cd3421 100644 --- a/site/layouts/_default/docs.html +++ b/site/layouts/_default/docs.html @@ -1,5 +1,5 @@ {{ define "main" }} - <div class="container-xxl mt-3 my-md-4 bd-layout"> + <div class="container-xxl bd-gutter mt-3 my-md-4 bd-layout"> <aside class="bd-sidebar"> <div class="offcanvas-lg offcanvas-start" id="bdSidebar" aria-labelledby="bdSidebarOffcanvasLabel"> <div class="offcanvas-header border-bottom"> diff --git a/site/layouts/_default/single.html b/site/layouts/_default/single.html index fdfb2e0942..c6f653e5f3 100644 --- a/site/layouts/_default/single.html +++ b/site/layouts/_default/single.html @@ -1,6 +1,6 @@ {{ define "main" }} <header class="py-5 border-bottom"> - <div class="container pt-md-1 pb-md-4"> + <div class="container-xxl bd-gutter pt-md-1 pb-md-4"> <div class="row"> <div class="col-xl-8"> <h1 class="bd-title mt-0">{{ .Title | markdownify }}</h1> @@ -25,7 +25,7 @@ </header> <main class="bd-content order-1 py-5" id="content"> - <div class="container"> + <div class="container-xxl bd-gutter"> {{ .Content }} {{ if eq .Title "Examples" }} diff --git a/site/layouts/partials/docs-navbar.html b/site/layouts/partials/docs-navbar.html index f3c17f1884..71b8f7daa6 100644 --- a/site/layouts/partials/docs-navbar.html +++ b/site/layouts/partials/docs-navbar.html @@ -1,5 +1,5 @@ <header class="navbar navbar-expand-lg navbar-dark bd-navbar sticky-top"> - <nav class="container-xxl flex-wrap flex-lg-nowrap" aria-label="Main navigation"> + <nav class="container-xxl bd-gutter flex-wrap flex-lg-nowrap" aria-label="Main navigation"> {{- if eq .Layout "docs" }} <button class="navbar-toggler p-1" type="button" data-bs-toggle="offcanvas" data-bs-target="#bdSidebar" aria-controls="bdSidebar" aria-expanded="false" aria-label="Toggle docs navigation"> {{ partial "icons/hamburger.svg" (dict "class" "bi" "width" "24" "height" "24") }} diff --git a/site/layouts/partials/home/masthead-followup.html b/site/layouts/partials/home/masthead-followup.html index adaa97b0f8..aed8993c8c 100644 --- a/site/layouts/partials/home/masthead-followup.html +++ b/site/layouts/partials/home/masthead-followup.html @@ -1,4 +1,4 @@ -<div class="container-xxl masthead-followup"> +<div class="container-xxl bd-gutter masthead-followup"> <div class="col-lg-7 mx-auto pb-3 mb-3 mb-md-5 text-md-center"> <div class="masthead-followup-icon d-inline-block mb-3" style="color: var(--bs-indigo);"> <svg class="bi fs-1"><use xlink:href="#code"></use></svg> diff --git a/site/layouts/partials/home/masthead.html b/site/layouts/partials/home/masthead.html index f638381234..33c00c62f5 100644 --- a/site/layouts/partials/home/masthead.html +++ b/site/layouts/partials/home/masthead.html @@ -1,5 +1,5 @@ <div class="bd-masthead mb-3" id="content"> - <div class="container-xxl"> + <div class="container-xxl bd-gutter"> <div class="col-md-8 mx-auto text-center"> <a class="d-block d-sm-inline-block py-2 px-3 mb-4 text-dark text-decoration-none rounded-3 masthead-notice" href="https://blog.getbootstrap.com/2021/08/04/bootstrap-5-1-0/"> <strong>New in v5.1:</strong> CSS Grid, offcanvas navbars, improved utilities, and more! |