mirror of https://github.com/ColorlibHQ/AdminLTE
66 lines
1.3 KiB
SCSS
66 lines
1.3 KiB
SCSS
@include media-breakpoint-down(md) {
|
|
.wrapper {
|
|
// grid-template-areas:
|
|
// "main-sidebar main-header"
|
|
// "main-sidebar content-wrapper"
|
|
// "main-sidebar main-footer";
|
|
// grid-template-columns: auto 1fr auto;
|
|
|
|
.main-sidebar {
|
|
position: fixed;
|
|
top: 0;
|
|
bottom: 0;
|
|
margin-left: -#{$sidebar-width};
|
|
min-height: 100vh;
|
|
|
|
.sidebar {
|
|
overflow-x: hidden;
|
|
overflow-y: auto;
|
|
}
|
|
}
|
|
|
|
// .main-header {
|
|
// position: fixed;
|
|
// top: 0;
|
|
// bottom: 0;
|
|
// min-height: 100vh;
|
|
// z-index: $zindex-header-mobile;
|
|
// width: $sidebar-width;
|
|
// margin-left: -#{$sidebar-width};
|
|
// align-items: baseline;
|
|
// @include transition($sidebar-transition);
|
|
|
|
// .navbar-nav {
|
|
// flex-direction: column;
|
|
// }
|
|
|
|
// .sidebar-full-icon {
|
|
// display: none;
|
|
// }
|
|
// }
|
|
|
|
// .brand-link {
|
|
// animation: none;
|
|
// }
|
|
|
|
// .sidebar-full-icon,
|
|
// .header-full-icon {
|
|
// display: block;
|
|
// }
|
|
}
|
|
|
|
.sidebar-open {
|
|
.main-sidebar {
|
|
margin-left: 0;
|
|
}
|
|
}
|
|
|
|
// @include media-breakpoint-down(md) {
|
|
// .header-mobile-open {
|
|
// .main-header {
|
|
// margin-left: 0;
|
|
// }
|
|
// }
|
|
// }
|
|
}
|