diff options
author | craftwerk <pst@crftwrk.de> | 2021-04-01 20:24:17 +0300 |
---|---|---|
committer | Mark Otto <otto@github.com> | 2021-07-18 06:33:34 +0300 |
commit | 06a1ca56233583cd7ec2b2d7f8987ce43d796114 (patch) | |
tree | 65d05a20ac7491a91b2ba8fee50f516832ce3b46 /scss | |
parent | ed3f2d46c4ac3bcf56ebf210fde6c275bb7a0c3f (diff) |
Add new offcanvas support to navbars
Co-Authored-By: craftwerk <1193597+craftwerk@users.noreply.github.com>
Diffstat (limited to 'scss')
-rw-r--r-- | scss/_navbar.scss | 31 |
1 files changed, 30 insertions, 1 deletions
diff --git a/scss/_navbar.scss b/scss/_navbar.scss index 2ccef11b7c..a395ede659 100644 --- a/scss/_navbar.scss +++ b/scss/_navbar.scss @@ -193,13 +193,42 @@ .navbar-toggler { display: none; } + + .offcanvas-header { + display: none; + } + + .offcanvas { + position: inherit; + bottom: 0; + z-index: 1000; + flex-grow: 1; + visibility: visible !important; /* stylelint-disable-line declaration-no-important */ + background-color: transparent; + border-right: 0; + border-left: 0; + @include transition(none); + transform: none; + } + .offcanvas-top, + .offcanvas-bottom { + height: auto; + border-top: 0; + border-bottom: 0; + } + + .offcanvas-body { + display: flex; + flex-grow: 0; + padding: 0; + overflow-y: visible; + } } } } } // scss-docs-end navbar-expand-loop - // Navbar themes // // Styles for switching between navbars with light or dark background. |