_pagination.scss 933 B

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061
  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. color: $gray-color-dark;
  16. display: inline-block;
  17. padding: $unit-1 $unit-2;
  18. text-decoration: none;
  19. &:focus,
  20. &:hover {
  21. color: $primary-color;
  22. }
  23. }
  24. &.disabled {
  25. a {
  26. cursor: default;
  27. opacity: .5;
  28. pointer-events: none;
  29. }
  30. }
  31. &.active {
  32. a {
  33. background: $primary-color;
  34. color: $light-color;
  35. }
  36. }
  37. &.page-prev,
  38. &.page-next {
  39. flex: 1 0 50%;
  40. }
  41. &.page-next {
  42. text-align: right;
  43. }
  44. .page-item-title {
  45. margin: 0;
  46. }
  47. .page-item-subtitle {
  48. margin: 0;
  49. opacity: .5;
  50. }
  51. }
  52. }