_navbar.scss 644 B

12345678910111213141516171819202122232425262728293031323334
  1. //
  2. // Mixins: Navbar
  3. //
  4. // Navbar Variant
  5. @mixin navbar-variant($color, $font-color: rgba(255, 255, 255, 0.8), $hover-color: #f6f6f6, $hover-bg: rgba(0, 0, 0, 0.1)) {
  6. background-color: $color;
  7. .nav > li > a {
  8. color: $font-color;
  9. }
  10. .nav > li > a:hover,
  11. .nav > li > a:active,
  12. .nav > li > a:focus,
  13. .nav .open > a,
  14. .nav .open > a:hover,
  15. .nav .open > a:focus,
  16. .nav > .active > a {
  17. background: $hover-bg;
  18. color: $hover-color;
  19. }
  20. // Add color to the sidebar toggle button
  21. .sidebar-toggle {
  22. color: $font-color;
  23. &:hover,
  24. &:focus {
  25. background: $hover-bg;
  26. color: $hover-color;
  27. }
  28. }
  29. }