_pagination.scss 892 B

12345678910111213141516171819202122232425262728293031323334
  1. .page-link {
  2. color: $pagination-color-alt;
  3. background-color: $pagination-bg-alt;
  4. border: $pagination-border-width solid $pagination-border-color-alt;
  5. &:hover {
  6. color: $pagination-hover-color-alt;
  7. background-color: $pagination-hover-bg-alt;
  8. border-color: $pagination-hover-border-color-alt;
  9. }
  10. &:focus {
  11. color: $pagination-focus-color-alt;
  12. background-color: $pagination-focus-bg-alt;
  13. outline: $pagination-focus-outline-alt;
  14. box-shadow: $pagination-focus-box-shadow-alt;
  15. }
  16. }
  17. .page-item {
  18. &.active .page-link {
  19. color: $pagination-active-color-alt;
  20. @include gradient-bg($pagination-active-bg-alt);
  21. border-color: $pagination-active-border-color-alt;
  22. }
  23. &.disabled .page-link {
  24. color: $pagination-disabled-color-alt;
  25. background-color: $pagination-disabled-bg-alt;
  26. border-color: $pagination-disabled-border-color-alt;
  27. }
  28. }