1234567891011121314151617181920212223242526272829303132333435363738394041424344454647 |
- /*
- * 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);
- }
|