34 lines
708 B
SCSS
34 lines
708 B
SCSS
|
// Offcanvas
|
||
|
|
// *******************************************************************************
|
||
|
|
|
||
|
|
.offcanvas {
|
||
|
|
box-shadow: $offcanvas-box-shadow;
|
||
|
|
.offcanvas-header {
|
||
|
|
.btn-close {
|
||
|
|
padding: 0.44rem;
|
||
|
|
margin-right: 0;
|
||
|
|
background-size: 1.5rem;
|
||
|
|
background-image: str-replace(
|
||
|
|
str-replace($btn-close-bg, '#{$offcanvas-btn-close-color}', $headings-color),
|
||
|
|
'#',
|
||
|
|
'%23'
|
||
|
|
);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
// RTL
|
||
|
|
// *******************************************************************************
|
||
|
|
@include rtl-only {
|
||
|
|
.offcanvas-start {
|
||
|
|
right: 0;
|
||
|
|
transform: translateX(100%);
|
||
|
|
}
|
||
|
|
|
||
|
|
.offcanvas-end {
|
||
|
|
right: auto;
|
||
|
|
left: 0;
|
||
|
|
transform: translateX(-100%);
|
||
|
|
}
|
||
|
|
}
|