86 lines
1.7 KiB
SCSS
86 lines
1.7 KiB
SCSS
|
|
|
|
//sidebar styles
|
|
[direction="rtl"] {
|
|
text-align: right;
|
|
|
|
.deznav {
|
|
text-align: right;
|
|
|
|
.metismenu {
|
|
ul{
|
|
padding: 0 25px 0 0;
|
|
&:after{
|
|
left:auto;
|
|
right:25px;
|
|
}
|
|
a:before{
|
|
left:auto;
|
|
right: -5px;
|
|
}
|
|
}
|
|
li{
|
|
& > a svg{
|
|
margin-left:5px;
|
|
margin-right:0;
|
|
@at-root [data-sidebar-style="compact"]#{&} {
|
|
left: auto;
|
|
margin-left: auto;
|
|
margin-right: auto;
|
|
}
|
|
@at-root [data-sidebar-style="icon-hover"]#{&} {
|
|
margin-left:0;
|
|
}
|
|
}
|
|
}
|
|
li.active {
|
|
|
|
&>.has-arrow {
|
|
&:after {
|
|
transform: rotate(45deg) translateY(-50%);
|
|
}
|
|
}
|
|
|
|
}
|
|
|
|
.has-arrow {
|
|
&:after {
|
|
left: 1.5625rem;
|
|
right: auto;
|
|
|
|
@at-root [data-layout="horizontal"]#{&} {
|
|
left: 1.125rem;
|
|
}
|
|
@at-root [data-sidebar-style="modern"]#{&} {
|
|
-webkit-transform: rotate(-45deg) translateY(-50%);
|
|
transform: rotate(-45deg) translateY(-50%);
|
|
}
|
|
}
|
|
}
|
|
|
|
}
|
|
}
|
|
|
|
&[data-sidebar-style="full"][data-layout="vertical"] {
|
|
.menu-toggle {
|
|
.deznav {
|
|
.metismenu {
|
|
li {
|
|
&>ul {
|
|
|
|
li:hover {
|
|
ul {
|
|
right: 11.8125rem;
|
|
left: 0;
|
|
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|