_header.scss 988 B

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647
  1. /*
  2. * Component: Main Header
  3. * ----------------------
  4. */
  5. .main-header {
  6. padding: 0 16px 0 0;
  7. .navbar-brand {
  8. font-weight: 200;
  9. width: $sidebar-width;
  10. padding: $main-header-brand-padding-y $main-header-brand-padding-x;
  11. background: darken($brand-primary, 5%);
  12. transition: width $transition-speed $transition-fn;
  13. overflow: hidden;
  14. > .logo-mini {
  15. display: none;
  16. }
  17. @include media-breakpoint-up(md) {
  18. .sidebar-mini.sidebar-collapse & {
  19. width: $sidebar-mini-width;
  20. > .logo {
  21. display: none;
  22. }
  23. > .logo-mini {
  24. display: inline;
  25. }
  26. }
  27. }
  28. @include media-breakpoint-down(md) {
  29. width: $sidebar-mini-width;
  30. > .logo {
  31. display: none;
  32. }
  33. > .logo-mini {
  34. display: inline;
  35. }
  36. }
  37. }
  38. .nav-link {
  39. padding: $main-header-link-padding-y $main-header-link-padding-x;
  40. }
  41. }
  42. .navbar-shadow {
  43. box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
  44. }