skin-blue.scss 1.0 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253
  1. /*
  2. * Skin: Blue
  3. * ----------
  4. */
  5. .skin-blue {
  6. //Navbar
  7. .main-header {/*
  8. .navbar {
  9. @include navbar-variant($light-blue, #fff);
  10. .sidebar-toggle {
  11. color: #fff;
  12. &:hover {
  13. background-color: darken($light-blue, 5%);
  14. }
  15. }
  16. @media (max-width: $screen-header-collapse) {
  17. .dropdown-menu {
  18. li {
  19. &.divider {
  20. background-color: rgba(255, 255, 255, 0.1);
  21. }
  22. a {
  23. color: #fff;
  24. &:hover {
  25. background: darken($light-blue, 5%);
  26. }
  27. }
  28. }
  29. }
  30. }
  31. }*/
  32. //Logo
  33. .logo {
  34. @include logo-variant(darken($light-blue, 5%));
  35. }
  36. li.user-header {
  37. background-color: $light-blue;
  38. }
  39. }
  40. //Content Header
  41. .content-header {
  42. background: transparent;
  43. }
  44. //Create the sidebar skin
  45. @include skin-dark-sidebar($light-blue);
  46. }
  47. .skin-blue.layout-top-nav .main-header > .logo {
  48. @include logo-variant($light-blue);
  49. }