mirror of https://github.com/ColorlibHQ/AdminLTE
Update _app-sidebar.scss
parent
4d1b7c9eca
commit
11fac9026c
|
@ -271,11 +271,20 @@
|
|||
}
|
||||
}
|
||||
|
||||
@each $breakpoint in map-keys($grid-breakpoints) {
|
||||
.sidebar-collapse:not(.sidebar-mini) {
|
||||
.app-sidebar {
|
||||
// stylelint-disable-next-line
|
||||
margin-left: calc(var(--#{$lte-prefix}sidebar-width) * -1);
|
||||
}
|
||||
}
|
||||
|
||||
.sidebar-expand {
|
||||
@each $breakpoint in map-keys($grid-breakpoints) {
|
||||
$next: breakpoint-next($breakpoint, $grid-breakpoints);
|
||||
$infix: breakpoint-infix($next, $grid-breakpoints);
|
||||
|
||||
.sidebar-expand#{$infix} {
|
||||
/* stylelint-disable-next-line scss/selector-no-union-class-name */
|
||||
&#{$infix} {
|
||||
@include media-breakpoint-up($next) {
|
||||
&.layout-fixed {
|
||||
.app-sidebar {
|
||||
|
@ -296,14 +305,6 @@
|
|||
margin-left: var(--#{$lte-prefix}sidebar-width);
|
||||
}
|
||||
|
||||
&.sidebar-mini.sidebar-collapse {
|
||||
.app-header,
|
||||
.app-main,
|
||||
.app-footer {
|
||||
margin-left: $lte-sidebar-mini-width;
|
||||
}
|
||||
}
|
||||
|
||||
&.sidebar-collapse {
|
||||
.app-header,
|
||||
.app-main,
|
||||
|
@ -311,6 +312,14 @@
|
|||
margin-left: 0;
|
||||
}
|
||||
}
|
||||
|
||||
&.sidebar-mini.sidebar-collapse {
|
||||
.app-header,
|
||||
.app-main,
|
||||
.app-footer {
|
||||
margin-left: $lte-sidebar-mini-width;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
@ -337,6 +346,10 @@
|
|||
}
|
||||
}
|
||||
|
||||
&.sidebar-mini .app-sidebar {
|
||||
margin-left: -$lte-sidebar-mini-width;
|
||||
}
|
||||
|
||||
&.sidebar-open {
|
||||
.app-sidebar {
|
||||
margin-left: 0;
|
||||
|
@ -356,12 +369,6 @@
|
|||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.sidebar-collapse:not(.sidebar-mini) {
|
||||
.app-sidebar {
|
||||
// stylelint-disable-next-line
|
||||
margin-left: calc(var(--#{$lte-prefix}sidebar-width) * -1);
|
||||
}
|
||||
}
|
||||
|
||||
|
|
Loading…
Reference in New Issue