Navigation: Support gap
via theme.json
#34525
Labels
[Block] Navigation
Affects the Navigation Block
[Feature] Design Tools
Tools that impact the appearance of blocks both to expand the number of tools and improve the experi
Global Styles
Anything related to the broader Global Styles efforts, including Styles Engine and theme.json
[Status] In Progress
Tracking issues with work in progress
What problem does this address?
#32366 adds a theme.json mechanism to provide a a
blockGap
value to space out items in a container. Spacing using gap has the benefit of letting you not worry about the first or last elements in a container, or complex nth-child margins in containers that wrap.#32367 refactored the Navigation block to already use
gap
CSS to space items out.What is your proposed solution?
As a next step, it would be nice to connect the block with theme.json, so that the block becomes a flex container with a custom gap value, such as this:
#33991 also provided a UI for the gap control, which would benefit here as well.
The text was updated successfully, but these errors were encountered: