feat: update the query pagination block

[thomasguillot]

All Submissions:

• Have you followed the Newspack Contributing guideline?
• Does your code follow the WordPress' coding standards and VIP Go coding standards?
• Have you checked to ensure there aren't other open Pull Requests for the same update/change?

Changes proposed in this Pull Request:

This PR tweaks the pagination block. The main change is when the justification setting is set to "space between" (which should be the default setting -- the template will need to be updated) so it uses a grid, meaning the pagination numbers are always centered (from screens >= 600px).

Other small changes include:

• added a mixin for css transition (at the moment only all, we can update this if we want more flexibility)
• removed the option to use custom spacing so our theme follows strict gap sizes

How to test the changes in this Pull Request:

1. Add query block with pagination, set justification to space-between
2. Check results
3. Switch to this branch and refresh page

Other information:

• Have you added an explanation of what your changes do and why you'd like us to include them?
• Have you written new tests for your changes, as applicable?
• Have you successfully ran tests with your changes locally?

[laurelfulford]

This looks good! The only issue I ran into is how the block wraps on smaller screens, but that has nothing to do with these changes (it's more the baked-in behaviour of the block, I get the same thing on master).

Making the default labels shorter (Previous instead of Previous Page) helps a bit, if we wanted to make that change when the actual block settings are updated -- though we might have to do that in the templates themselves vs. the block settings.

[thomasguillot]

This looks good! The only issue I ran into is how the block wraps on smaller screens, but that has nothing to do with these changes (it's more the baked-in behaviour of the block, I get the same thing on master).

Making the default labels shorter (Previous instead of Previous Page) helps a bit, if we wanted to make that change when the actual block settings are updated -- though we might have to do that in the templates themselves vs. the block settings.

Yeah I noticed this too. I think it will need to be done in the templates – which is fine I guess.

[laurelfulford]

... which is fine I guess.

It's not the only thing like this happening there, I don't think we can avoid it! 😄

[matticbot]

🎉 This PR is included in version 1.5.0-alpha.1 🎉

The release is available on GitHub release

Your semantic-release bot 📦🚀

[matticbot]

🎉 This PR is included in version 1.5.0 🎉

The release is available on GitHub release

Your semantic-release bot 📦🚀