mirror_css/bootstrap
1
0
Fork 0
mirror of https://github.com/twbs/bootstrap.git synced 2025-08-30 00:29:52 +02:00
Code Issues Releases Wiki Activity

Add new offcanvas support to navbars

Browse Source 
Co-Authored-By: craftwerk <1193597+craftwerk@users.noreply.github.com>
This commit is contained in:
craftwerk
2021-04-01 19:24:17 +02:00
committed by Mark Otto
parent ed3f2d46c4
commit 06a1ca5623
2 changed files with 94 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

31
scss/_navbar.scss
View File

@@ -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.