_pagination.scss 949 B

12345678910111213141516171819202122232425262728293031323334353637383940414243444546
  1. /**
  2. * Pagination
  3. */
  4. body[class*="woocommerce"] #page .woocommerce-pagination {
  5. margin: 0 calc(-0.66 * #{map-deep-get($config-global, "spacing", "unit")});
  6. width: 100%;
  7. .page-numbers {
  8. border: none;
  9. display: flex;
  10. justify-content: start;
  11. li > * {
  12. display: block;
  13. @include font-family( map-deep-get($config-global, "font", "family", "primary") );
  14. font-size: #{map-deep-get($config-global, "font", "size", "md")};
  15. font-weight: 600;
  16. padding-left: calc(0.66 * #{map-deep-get($config-global, "spacing", "unit")});
  17. padding-right: calc(0.66 * #{map-deep-get($config-global, "spacing", "unit")});
  18. }
  19. li {
  20. border: none;
  21. float: inherit;
  22. a {
  23. text-decoration: unset;
  24. }
  25. }
  26. li span.current,
  27. li a:hover,
  28. li a:focus {
  29. background: transparent;
  30. color: map-deep-get($config-global, "color", "foreground", "default");
  31. }
  32. .svg-icon {
  33. display: inline-block;
  34. vertical-align: middle;
  35. }
  36. }
  37. }