76 lines
1.7 KiB
SCSS
76 lines
1.7 KiB
SCSS
|
|
//sidebar styles
|
|
[direction="rtl"] {
|
|
|
|
--dz-side-sub_nav-padding: .4rem 4rem .4rem 1rem;
|
|
|
|
@media (min-width:47.9375rem) {
|
|
&[data-sidebar-style="compact"] {
|
|
--dz-side-sub_nav-padding : .5rem 0.5rem;
|
|
}
|
|
&[data-sidebar-style="modern"] {
|
|
--dz-side-sub_nav-padding : .5rem 1.2rem;
|
|
}
|
|
&[data-sidebar-style="icon-hover"][data-layout="vertical"]{
|
|
--dz-side-nav-padding : .85rem 1rem;
|
|
}
|
|
}
|
|
@media (min-width: 64rem) {
|
|
&[data-layout="horizontal"] {
|
|
--dz-side-sub_nav-padding : .5rem 1.2rem;
|
|
.dlabnav .metismenu > li > a::after {
|
|
transform: rotate(-135deg) translateY(-50%);
|
|
}
|
|
&[data-sidebar-style="full"],
|
|
&[data-sidebar-style="icon-hover"]{
|
|
.dlabnav{
|
|
.metismenu{
|
|
&>li{
|
|
&>a{
|
|
&.has-arrow{
|
|
--dz-side-nav-padding : .7rem .85rem .7rem 2.4rem;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
.dlabnav{
|
|
.header-info2{
|
|
padding: 0.35rem 0.35rem 0.35rem 1rem;
|
|
}
|
|
.metismenu{
|
|
.has-arrow::after{
|
|
-webkit-transform: rotate(-45deg) translateY(-50%);
|
|
transform: rotate(-45deg) translateY(-50%);
|
|
}
|
|
.mm-active{
|
|
& > .has-arrow::after{
|
|
-webkit-transform: rotate(-135deg) translateY(-50%);
|
|
transform: rotate(-135deg) translateY(-50%);
|
|
}
|
|
}
|
|
}
|
|
}
|
|
&[data-sidebar-style="icon-hover"][data-layout="vertical"] .dlabnav .header-info2{
|
|
padding: 0.35rem 1rem 0.35rem .35rem;
|
|
}
|
|
@media only screen and (min-width: 48rem) {
|
|
&[data-sidebar-style="mini"] .dlabnav .header-info2,
|
|
&[data-sidebar-style="compact"] .dlabnav .header-info2,
|
|
&[data-sidebar-style="modern"] .dlabnav .header-info2 {
|
|
padding: .35rem;
|
|
}
|
|
}
|
|
&[data-sidebar-style="overlay"] {
|
|
&[data-layout="vertical"]{
|
|
--dz-side-sub_nav-padding : .5rem 3.5rem .5rem .5rem;
|
|
}
|
|
}
|
|
|
|
|
|
}
|
|
|