47 lines
988 B
SCSS
47 lines
988 B
SCSS
/*
|
|
* Component: Main Header
|
|
* ----------------------
|
|
*/
|
|
|
|
.main-header {
|
|
padding: 0 16px 0 0;
|
|
.navbar-brand {
|
|
font-weight: 200;
|
|
width: $sidebar-width;
|
|
padding: $main-header-brand-padding-y $main-header-brand-padding-x;
|
|
background: darken($brand-primary, 5%);
|
|
transition: width $transition-speed $transition-fn;
|
|
overflow: hidden;
|
|
> .logo-mini {
|
|
display: none;
|
|
}
|
|
@include media-breakpoint-up(md) {
|
|
.sidebar-mini.sidebar-collapse & {
|
|
width: $sidebar-mini-width;
|
|
> .logo {
|
|
display: none;
|
|
}
|
|
> .logo-mini {
|
|
display: inline;
|
|
}
|
|
}
|
|
}
|
|
@include media-breakpoint-down(md) {
|
|
width: $sidebar-mini-width;
|
|
> .logo {
|
|
display: none;
|
|
}
|
|
> .logo-mini {
|
|
display: inline;
|
|
}
|
|
}
|
|
}
|
|
|
|
.nav-link {
|
|
padding: $main-header-link-padding-y $main-header-link-padding-x;
|
|
}
|
|
}
|
|
|
|
.navbar-shadow {
|
|
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
|
|
} |