30 lines
652 B
SCSS
30 lines
652 B
SCSS
// Offcanvas
|
|
// *******************************************************************************
|
|
|
|
.offcanvas {
|
|
box-shadow: $offcanvas-box-shadow;
|
|
}
|
|
.offcanvas-header {
|
|
padding-bottom: $offcanvas-padding-y * 0.5;
|
|
}
|
|
|
|
// RTL
|
|
// *******************************************************************************
|
|
@include rtl-only {
|
|
.offcanvas-header .btn-close {
|
|
margin: ($offcanvas-padding-y * -0.5) auto ($offcanvas-padding-x * -0.5) ($offcanvas-padding-y * -0.5);
|
|
}
|
|
|
|
.offcanvas-start {
|
|
left: auto;
|
|
right: 0;
|
|
transform: translateX(100%);
|
|
}
|
|
|
|
.offcanvas-end {
|
|
right: auto;
|
|
left: 0;
|
|
transform: translateX(-100%);
|
|
}
|
|
}
|