_reboot-bootstrap-nav.scss 1.1 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152
  1. //
  2. //
  3. // Apply partially
  4. // https://github.com/twbs/bootstrap/blob/v4.5.0/scss/_nav.scss
  5. //
  6. //
  7. .nav-link {
  8. // Disabled state lightens text
  9. &.disabled {
  10. color: $nav-link-disabled-color;
  11. svg {
  12. fill: $nav-link-disabled-color;
  13. }
  14. }
  15. }
  16. //
  17. // Tabs
  18. //
  19. .nav-tabs {
  20. border-bottom: $nav-tabs-border-width solid $nav-tabs-border-color;
  21. .nav-link {
  22. border: $nav-tabs-border-width solid transparent;
  23. @include border-top-radius($nav-tabs-border-radius);
  24. // TODO: hover-focus() dropped in bootstrap v5
  25. @include hover-focus() {
  26. border-color: $nav-tabs-link-hover-border-color;
  27. }
  28. &.disabled {
  29. color: $nav-link-disabled-color;
  30. background-color: transparent;
  31. border-color: transparent;
  32. }
  33. }
  34. .nav-link.active,
  35. .nav-item.show .nav-link {
  36. color: $nav-tabs-link-active-color;
  37. background-color: $nav-tabs-link-active-bg;
  38. border-color: $nav-tabs-link-active-border-color;
  39. }
  40. .dropdown-menu {
  41. // Remove the top rounded corners here since there is a hard edge above the menu
  42. @include border-top-radius(0);
  43. }
  44. }