34 lines
591 B
SCSS
34 lines
591 B
SCSS
// Within menu
|
|
@mixin template-app-brand-collapsed() {
|
|
.app-brand {
|
|
width: $menu-collapsed-width;
|
|
}
|
|
|
|
.app-brand-logo,
|
|
.app-brand-link,
|
|
.app-brand-text {
|
|
margin-right: auto;
|
|
margin-left: auto;
|
|
}
|
|
|
|
.app-brand-logo ~ .app-brand-text {
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
white-space: nowrap;
|
|
opacity: 0;
|
|
}
|
|
.app-brand .layout-menu-toggle {
|
|
// display: none !important;
|
|
opacity: 0;
|
|
left: calc(#{$menu-collapsed-width} - 1.5rem);
|
|
}
|
|
|
|
.app-brand-img {
|
|
display: none;
|
|
}
|
|
|
|
.app-brand-img-collapsed {
|
|
display: block;
|
|
}
|
|
}
|