65 lines
1.4 KiB
SCSS
65 lines
1.4 KiB
SCSS
// App Brand
|
|
// *******************************************************************************
|
|
|
|
@import 'mixins/app-brand';
|
|
|
|
.app-brand {
|
|
display: flex;
|
|
flex-grow: 0;
|
|
flex-shrink: 0;
|
|
overflow: hidden;
|
|
line-height: 1;
|
|
min-height: 1px;
|
|
align-items: center;
|
|
}
|
|
|
|
.app-brand-link {
|
|
display: flex;
|
|
align-items: center;
|
|
}
|
|
.app-brand-logo {
|
|
display: block;
|
|
flex-grow: 0;
|
|
flex-shrink: 0;
|
|
overflow: hidden;
|
|
min-height: 1px;
|
|
|
|
img,
|
|
svg {
|
|
display: block;
|
|
}
|
|
}
|
|
|
|
.app-brand-text {
|
|
flex-shrink: 0;
|
|
opacity: 1;
|
|
transition: opacity $menu-animation-duration * 0.5 ease-in-out;
|
|
}
|
|
|
|
.app-brand-img-collapsed {
|
|
display: none;
|
|
}
|
|
|
|
// App brand with vertical menu
|
|
.menu-vertical .app-brand {
|
|
padding-right: $menu-vertical-link-padding-x + $menu-vertical-link-margin-x;
|
|
padding-left: $menu-vertical-link-padding-x + $menu-vertical-link-margin-x;
|
|
}
|
|
|
|
// App brand with vertical menu
|
|
.menu-horizontal .app-brand,
|
|
.menu-horizontal .app-brand + .menu-divider {
|
|
display: none !important;
|
|
}
|
|
|
|
:not(.layout-menu) > .menu-vertical.menu-collapsed:not(.layout-menu):not(:hover) {
|
|
@include template-app-brand-collapsed();
|
|
}
|
|
|
|
@include media-breakpoint-up($menu-collapsed-layout-breakpoint) {
|
|
.layout-menu-collapsed:not(.layout-menu-hover):not(.layout-menu-offcanvas):not(.layout-menu-fixed-offcanvas)
|
|
.layout-menu {
|
|
@include template-app-brand-collapsed();
|
|
}
|
|
}
|