mirror of https://github.com/ColorlibHQ/AdminLTE
63 lines
1.1 KiB
SCSS
63 lines
1.1 KiB
SCSS
.sidebar-horizontal {
|
|
.wrapper {
|
|
grid-template-areas:
|
|
"main-header"
|
|
"main-sidebar"
|
|
"content-wrapper"
|
|
"main-footer";
|
|
grid-template-columns: 1fr;
|
|
grid-template-rows: max-content max-content auto max-content;
|
|
}
|
|
|
|
.main-sidebar {
|
|
display: grid;
|
|
height: $sidebar-horizontal-height;
|
|
min-width: $sidebar-horizontal-width;
|
|
max-width: $sidebar-horizontal-width;
|
|
justify-content: start;
|
|
z-index: $zindex-sidebar-horizontal;
|
|
}
|
|
|
|
.brand-container {
|
|
display: none;
|
|
}
|
|
|
|
.sidebar {
|
|
overflow: visible;
|
|
padding-top: .75rem;
|
|
|
|
.nav-sidebar {
|
|
display: grid;
|
|
list-style-type: none;
|
|
grid-auto-columns: 90px;
|
|
grid-auto-flow: column;
|
|
grid-gap: 5px;
|
|
|
|
.nav-header {
|
|
display: none;
|
|
}
|
|
|
|
.nav-item > .nav-link {
|
|
display: grid;
|
|
grid-auto-flow: row;
|
|
justify-content: center;
|
|
|
|
.nav-icon {
|
|
text-align: center;
|
|
padding-left: 0;
|
|
}
|
|
|
|
span {
|
|
padding-left: 0;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
&.sidebar-close {
|
|
.main-sidebar {
|
|
margin-top: -#{$sidebar-horizontal-height};
|
|
}
|
|
}
|
|
}
|