D7net
Home
Console
Upload
information
Create File
Create Folder
About
Tools
:
/
proc
/
self
/
root
/
proc
/
self
/
root
/
home
/
markniuj
/
bazmeasar.com
/
scss
/
bootstrap
/
scss
/
Filename :
_offcanvas.scss
back
Copy
.offcanvas { position: fixed; bottom: 0; z-index: $zindex-offcanvas; display: flex; flex-direction: column; max-width: 100%; color: $offcanvas-color; visibility: hidden; background-color: $offcanvas-bg-color; background-clip: padding-box; outline: 0; @include box-shadow($offcanvas-box-shadow); @include transition(transform $offcanvas-transition-duration ease-in-out); } .offcanvas-header { display: flex; align-items: center; justify-content: space-between; padding: $offcanvas-padding-y $offcanvas-padding-x; .btn-close { padding: ($offcanvas-padding-y / 2) ($offcanvas-padding-x / 2); margin: ($offcanvas-padding-y / -2) ($offcanvas-padding-x / -2) ($offcanvas-padding-y / -2) auto; } } .offcanvas-title { margin-bottom: 0; line-height: $offcanvas-title-line-height; } .offcanvas-body { flex-grow: 1; padding: $offcanvas-padding-y $offcanvas-padding-x; overflow-y: auto; } .offcanvas-start { top: 0; left: 0; width: $offcanvas-horizontal-width; border-right: $offcanvas-border-width solid $offcanvas-border-color; transform: translateX(-100%); } .offcanvas-end { top: 0; right: 0; width: $offcanvas-horizontal-width; border-left: $offcanvas-border-width solid $offcanvas-border-color; transform: translateX(100%); } .offcanvas-top { top: 0; right: 0; left: 0; height: $offcanvas-vertical-height; max-height: 100%; border-bottom: $offcanvas-border-width solid $offcanvas-border-color; transform: translateY(-100%); } .offcanvas-bottom { right: 0; left: 0; height: $offcanvas-vertical-height; max-height: 100%; border-top: $offcanvas-border-width solid $offcanvas-border-color; transform: translateY(100%); } .offcanvas.show { transform: none; }