_pagination.scss 902 B

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960
  1. // Pagination
  2. .pagination {
  3. display: flex;
  4. list-style: none;
  5. margin: $unit-1 0;
  6. padding: $unit-1 0;
  7. .page-item {
  8. margin: $unit-1 $unit-o;
  9. span {
  10. display: inline-block;
  11. padding: $unit-1 $unit-1;
  12. }
  13. a {
  14. border-radius: $border-radius;
  15. display: inline-block;
  16. padding: $unit-1 $unit-2;
  17. text-decoration: none;
  18. &:focus,
  19. &:hover {
  20. color: $primary-color;
  21. }
  22. }
  23. &.disabled {
  24. a {
  25. cursor: default;
  26. opacity: .5;
  27. pointer-events: none;
  28. }
  29. }
  30. &.active {
  31. a {
  32. background: $primary-color;
  33. color: $light-color;
  34. }
  35. }
  36. &.page-prev,
  37. &.page-next {
  38. flex: 1 0 50%;
  39. }
  40. &.page-next {
  41. text-align: right;
  42. }
  43. .page-item-title {
  44. margin: 0;
  45. }
  46. .page-item-subtitle {
  47. margin: 0;
  48. opacity: .5;
  49. }
  50. }
  51. }