84 lines
2.3 KiB
SCSS
84 lines
2.3 KiB
SCSS
|
//
|
||
|
|
// toolbar
|
||
|
|
//
|
||
|
|
|
||
|
|
// General mode
|
||
|
|
.toolbar {
|
||
|
|
display: flex;
|
||
|
|
align-items: center;
|
||
|
|
background-color: get($toolbar-config, bg-color);
|
||
|
|
padding: get($toolbar-config, padding);
|
||
|
|
}
|
||
|
|
|
||
|
|
// Desktop mode
|
||
|
|
@include media-breakpoint-up(lg) {
|
||
|
|
.toolbar {
|
||
|
|
// Fixed toolbar
|
||
|
|
.toolbar-fixed & {
|
||
|
|
height: var(--kt-toolbar-height);
|
||
|
|
position: fixed;
|
||
|
|
top: 0;
|
||
|
|
right: 0;
|
||
|
|
left: 0;
|
||
|
|
z-index: get($toolbar-config, z-index);
|
||
|
|
box-shadow: get($toolbar-config, box-shadow);
|
||
|
|
}
|
||
|
|
|
||
|
|
// toolbar enabled & toolbar not fixed modes
|
||
|
|
.toolbar-enabled:not(.toolbar-fixed) & {
|
||
|
|
margin-bottom: get($content-spacing, desktop);
|
||
|
|
}
|
||
|
|
|
||
|
|
// Fixed header & fixed toolbar modes
|
||
|
|
.header-fixed.toolbar-fixed & {
|
||
|
|
padding: 0;
|
||
|
|
top: get($header-config, fixed, height, desktop);
|
||
|
|
border-top: get($toolbar-config, border-top);
|
||
|
|
}
|
||
|
|
|
||
|
|
// Aside default enabled, aside fixed & header sticky modes
|
||
|
|
.aside-enabled.aside-fixed.toolbar-fixed & {
|
||
|
|
left: get($aside-config, width);
|
||
|
|
transition: left get($aside-config, transition-speed) ease;
|
||
|
|
}
|
||
|
|
|
||
|
|
// Aside default enabled, aside header sticky & aside minimize modes
|
||
|
|
.aside-enabled.aside-fixed.toolbar-fixed[data-kt-aside-minimize="on"] & {
|
||
|
|
left: get($aside-config, minimized-width);
|
||
|
|
transition: left get($aside-config, transition-speed) ease;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
// Tablet & mobile modes
|
||
|
|
@include media-breakpoint-down(lg) {
|
||
|
|
.toolbar {
|
||
|
|
// Fixed toolbar mode
|
||
|
|
.toolbar-tablet-and-mobile-fixed & {
|
||
|
|
height: var(--kt-toolbar-height-tablet-and-mobile);
|
||
|
|
position: fixed;
|
||
|
|
top: 0;
|
||
|
|
right: 0;
|
||
|
|
left: 0;
|
||
|
|
z-index: get($toolbar-config, z-index);
|
||
|
|
box-shadow: get($toolbar-config, box-shadow);
|
||
|
|
}
|
||
|
|
|
||
|
|
// Toolbar enabled & toolbar not fixed modes
|
||
|
|
.toolbar-enabled:not(.toolbar-tablet-and-mobile-fixed) & {
|
||
|
|
margin-bottom: get($content-spacing, tablet-and-mobile);
|
||
|
|
}
|
||
|
|
|
||
|
|
// Fixed header & fixed toolbar modes
|
||
|
|
.header-tablet-and-mobile-fixed.toolbar-tablet-and-mobile-fixed & {
|
||
|
|
padding: 0;
|
||
|
|
top: get($header-config, default, height, tablet-and-mobile);
|
||
|
|
border-top: get($toolbar-config, border-top);
|
||
|
|
}
|
||
|
|
|
||
|
|
// Page title
|
||
|
|
.page-title[data-kt-swapper="true"] {
|
||
|
|
display: none !important;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|