_nav.scss 537 B

1234567891011121314151617181920212223242526272829303132
  1. .nav-pills {
  2. .nav-link {
  3. margin-#{$left}: 0;
  4. margin-#{$right}: 6px;
  5. padding: 4px 10px;
  6. font-weight: bold;
  7. background: #f2f2f2;
  8. color: #235a81;
  9. border: 1px solid #ddd;
  10. @include border-radius(20px);
  11. &:hover {
  12. background-color: $bg-one;
  13. @include border-radius(0.3em);
  14. }
  15. img {
  16. margin-#{$right}: 0.5em;
  17. vertical-align: -3px;
  18. }
  19. }
  20. .nav-link.active,
  21. .show > .nav-link {
  22. background-color: #fff;
  23. color: #235a81;
  24. @include border-radius(0.3em);
  25. }
  26. }