mirror of https://github.com/ColorlibHQ/AdminLTE
88 lines
1.7 KiB
SCSS
88 lines
1.7 KiB
SCSS
//
|
|
// Core: Brand
|
|
//
|
|
|
|
@include brand-variant($sidebar-dark-bg, $sidebar-dark-color);
|
|
|
|
.brand-container {
|
|
// grid-area: main-brand;
|
|
display: grid;
|
|
grid-template-areas: "brand-link sidebar-mini-icon";
|
|
grid-auto-flow: column;
|
|
justify-content: space-between;
|
|
font-size: $navbar-brand-font-size;
|
|
padding: $brand-link-padding-y $sidebar-padding-x;
|
|
white-space: nowrap;
|
|
border-bottom: $brand-link-border-buttom solid tint-color($dark, 10%);
|
|
// min-width: $sidebar-width;
|
|
// max-width: $sidebar-width;
|
|
// height: min-content;
|
|
// @include transition($sidebar-transition);
|
|
// z-index: $zindex-main-brand;
|
|
|
|
.brand-link {
|
|
grid-area: brand-link;
|
|
}
|
|
|
|
.brand-image {
|
|
grid-area: brand-img;
|
|
float: left;
|
|
line-height: .8;
|
|
margin-left: .8rem;
|
|
margin-right: .5rem;
|
|
margin-top: -3px;
|
|
max-height: 33px;
|
|
width: auto;
|
|
}
|
|
|
|
.brand-text {
|
|
grid-area: brand-text;
|
|
color: $sidebar-dark-color;
|
|
|
|
&:hover {
|
|
color: $white;
|
|
text-decoration: none;
|
|
}
|
|
}
|
|
|
|
// .brand-icons {
|
|
// display: inline-flex;
|
|
|
|
// > * {
|
|
// color: $gray-400;
|
|
// }
|
|
// }
|
|
|
|
.sidebar-full-icon,
|
|
.header-full-icon {
|
|
display: none;
|
|
}
|
|
|
|
.sidebar-mini-icon {
|
|
grid-area: sidebar-mini-icon;
|
|
color: $gray-400;
|
|
}
|
|
}
|
|
|
|
.sidebar-collapse:not(.sidebar-hover) {
|
|
.brand-container {
|
|
grid-template-areas: "sidebar-mini-icon brand-link";
|
|
justify-content: center;
|
|
// min-width: $sidebar-mini-width;
|
|
// max-width: $sidebar-mini-width;
|
|
.brand-link {
|
|
display: none;
|
|
}
|
|
}
|
|
}
|
|
|
|
// @include media-breakpoint-down(md) {
|
|
// .main-brand {
|
|
// min-width: unset;
|
|
// max-width: unset;
|
|
// .sidebar-mini-icon {
|
|
// display: none;
|
|
// }
|
|
// }
|
|
// }
|