_nav.scss 1.1 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465
  1. // Base class
  2. .nav-link {
  3. color: $nav-link-color-alt;
  4. &:hover,
  5. &:focus {
  6. color: $nav-link-hover-color-alt;
  7. }
  8. // Disabled state lightens text
  9. &.disabled {
  10. color: $nav-link-disabled-color-alt;
  11. }
  12. }
  13. //
  14. // Tabs
  15. //
  16. .nav-tabs {
  17. border-bottom: $nav-tabs-border-width solid $nav-tabs-border-color-alt;
  18. .nav-link {
  19. // background: none;
  20. border: $nav-tabs-border-width solid transparent;
  21. &:hover,
  22. &:focus {
  23. border-color: $nav-tabs-link-hover-border-color-alt;
  24. }
  25. &.disabled {
  26. color: $nav-link-disabled-color-alt;
  27. background-color: transparent;
  28. border-color: transparent;
  29. }
  30. }
  31. .nav-link.active,
  32. .nav-item.show .nav-link {
  33. color: $nav-tabs-link-active-color-alt;
  34. background-color: $nav-tabs-link-active-bg-alt;
  35. border-color: $nav-tabs-link-active-border-color-alt;
  36. }
  37. }
  38. //
  39. // Pills
  40. //
  41. .nav-pills {
  42. // .nav-link {
  43. // background: none;
  44. // border: 0;
  45. // }
  46. .nav-link.active,
  47. .show > .nav-link {
  48. color: $nav-pills-link-active-color-alt;
  49. @include gradient-bg($nav-pills-link-active-bg-alt);
  50. }
  51. }