_navs.scss 950 B

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950
  1. // Justified nav links
  2. // -------------------------
  3. @mixin nav-justified {
  4. width: 100%;
  5. .nav-item {
  6. float: none;
  7. }
  8. .nav-link {
  9. text-align: center;
  10. margin-bottom: 5px;
  11. }
  12. > .dropdown .dropdown-menu {
  13. top: auto;
  14. left: auto;
  15. }
  16. @include media-breakpoint-up(sm) {
  17. .nav-item {
  18. display: block;
  19. width: 1%;
  20. }
  21. .nav-link {
  22. margin-bottom: 0;
  23. }
  24. }
  25. }
  26. // Move borders to anchors instead of bottom of list
  27. //
  28. // Mixin for adding on top the shared `.nav-justified` styles for our tabs
  29. @mixin nav-tabs-justified {
  30. .nav-link {
  31. // Override margin from .nav-tabs
  32. margin-right: 0;
  33. border-radius: $border-radius;
  34. }
  35. @include media-breakpoint-up(sm) {
  36. .nav-link.active,
  37. .nav-link.active:hover,
  38. .nav-link.active:focus {
  39. border-bottom-color: transparent;//$nav-tabs-justified-active-link-border-color;
  40. }
  41. }
  42. }