_query-pagination.scss 764 B

123456789101112131415161718192021222324252627282930313233
  1. div.wp-block-query-pagination { // This CSS needs to be stronger than Gutenberg's until https://github.com/WordPress/gutenberg/issues/34997 is merged.
  2. padding-top: 1.5em;
  3. justify-content: space-between;
  4. display: grid;
  5. grid-template-areas: "prev numbers next";
  6. grid-template-columns: 1fr 2fr 1fr;
  7. @include break-small-only(){
  8. grid-template-areas: "prev next";
  9. grid-template-columns: 1fr 1fr;
  10. }
  11. .wp-block-query-pagination-previous {
  12. justify-self: start;
  13. grid-area: prev;
  14. }
  15. .wp-block-query-pagination-next {
  16. justify-self: flex-end;
  17. grid-area: next;
  18. }
  19. .wp-block-query-pagination-numbers{
  20. grid-area: numbers;
  21. justify-self: center;
  22. .current {
  23. text-decoration: underline;
  24. }
  25. @include break-small-only(){
  26. display: none;
  27. }
  28. }
  29. }