mirrors/bootstrap
2
0
Fork 0
mirror of https://github.com/tenrok/bootstrap.git synced 2026-06-17 19:21:23 +03:00
Code Activity

Add responsive offcanvas classes

Browse Source
This commit is contained in:
Mark Otto
2022-02-22 20:04:16 -08:00
parent 88fc9264db
commit 08f8f4ee0a
3 changed files with 207 additions and 81 deletions
Download Patch File Download Diff File Expand all files Collapse all files
scss/_navbar.scss
+18 -28
View File
@@ -229,41 +229,31 @@
display: none;
}
.offcanvas-header {
display: none;
}
.offcanvas {
position: inherit;
bottom: 0;
// stylelint-disable declaration-no-important
position: static;
z-index: auto;
flex-grow: 1;
visibility: visible !important; // stylelint-disable-line declaration-no-important
background-color: transparent;
border-right: 0;
border-left: 0;
width: auto !important;
height: auto !important;
visibility: visible !important;
background-color: transparent !important;
border: 0 !important;
transform: none !important;
@include box-shadow(none);
@include transition(none);
transform: none;
}
.offcanvas-top,
.offcanvas-bottom {
height: auto;
border-top: 0;
border-bottom: 0;
}
// stylelint-enable declaration-no-important
.offcanvas-body {
display: flex;
flex-grow: 0;
padding: 0;
overflow-y: visible;
}
.offcanvas-header {
display: none;
}
// Reset `background-color` in case `.bg-*` classes are used in offcanvas
.offcanvas,
.offcanvas-body {
background-color: transparent !important; // stylelint-disable-line declaration-no-important
.offcanvas-body {
display: flex;
flex-grow: 0;
padding: 0;
overflow-y: visible;
}
}
}
}