_tabs.scss 583 B

123456789101112131415161718192021222324252627282930313233343536373839
  1. .gf-tabs {
  2. @include clearfix();
  3. float: left;
  4. position: relative;
  5. top: 1px;
  6. }
  7. .gf-tabs-item {
  8. float: left;
  9. list-style: none;
  10. }
  11. .gf-tabs-link {
  12. padding: $tabs-padding;
  13. margin-right: $spacer/2;
  14. position: relative;
  15. display: block;
  16. border: solid transparent;
  17. border-width: 2px 1px 1px;
  18. border-radius: 3px 3px 0 0;
  19. i {
  20. margin-right: 5px;
  21. }
  22. &:hover,
  23. &:focus {
  24. color: $link-hover-color;
  25. }
  26. &.active,
  27. &.active:hover,
  28. &.active:focus {
  29. border-color: $orange $dark-4 transparent;
  30. background: $page-bg;
  31. color: $link-color;
  32. }
  33. }