106 lines
2.1 KiB
SCSS
106 lines
2.1 KiB
SCSS
|
|
|
|
//nav header styles
|
|
[direction="rtl"] {
|
|
|
|
&:not([data-container="boxed"]) {
|
|
.nav-header {
|
|
left: auto;
|
|
right: 0;
|
|
}
|
|
}
|
|
|
|
&[data-container="wide-boxed"] {
|
|
.nav-header {
|
|
left: auto;
|
|
right: 0;
|
|
}
|
|
}
|
|
|
|
.nav-header {
|
|
text-align: right;
|
|
right: auto;
|
|
.brand-title{
|
|
margin-left: 0;
|
|
margin-right: 15px;
|
|
}
|
|
.brand-logo {
|
|
padding-left: 0;
|
|
padding-right: 1.75rem;
|
|
|
|
@at-root [data-sidebar-style="compact"]#{&}{
|
|
padding-right: 0;
|
|
}
|
|
@at-root [data-sidebar-style="compact"]#{&}[data-layout="horizontal"]{
|
|
padding-right: 30px;
|
|
}
|
|
@at-root [data-sidebar-style="mini"]#{&}{
|
|
padding-right: 0;
|
|
}
|
|
@at-root [data-sidebar-style="modern"]#{&}{
|
|
padding-right: 0;
|
|
@at-root [data-layout="horizontal"]#{&}{
|
|
padding-right: 30px;
|
|
}
|
|
}
|
|
@include media-breakpoint-down(sm) {
|
|
// padding-left: 0;
|
|
padding-right: 0;
|
|
// justify-content: center;
|
|
}
|
|
}
|
|
}
|
|
|
|
.nav-control {
|
|
right: auto;
|
|
left: -4.0625rem;
|
|
|
|
@include media-breakpoint-down(sm) {
|
|
left: -4.0625rem;
|
|
}
|
|
|
|
@include media-breakpoint-down(xs) {
|
|
left:-4.0625rem;
|
|
}
|
|
}
|
|
|
|
&[data-sidebar-style="overlay"] {
|
|
.nav-header {
|
|
.hamburger {
|
|
&.is-active {
|
|
right: 0;
|
|
|
|
// .line:nth-child(1) {
|
|
// transform: translateY(0.4rem) rotate(-45deg);
|
|
// }
|
|
//
|
|
// .line:nth-child(3) {
|
|
// transform: translateY(-0.4rem) rotate(45deg);
|
|
// }
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
[direction="rtl"][data-sidebar-style="compact"][data-layout="horizontal"]{
|
|
.nav-header .brand-logo{
|
|
padding-right: 30px;
|
|
}
|
|
}
|
|
[direction="rtl"][data-sidebar-style="modern"][data-layout="horizontal"]{
|
|
.nav-header{
|
|
width: 16rem;
|
|
}
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|