Allow block markup to modify blockGap values

[kjellr]

We should allow block markup like this to modify the blockGap property for a single instance of a block. For example:

<!-- wp:group {"style": { "spacing": { "blockGap": "10px" } } } -->

Ideally, we could modify the row and column gap individually. Not sure about the naming here, but for example:

<!-- wp:group {"style": { "spacing": { "blockGap": {"vertical":"10px","horizontal":"15px" } } } -->

This would be useful in block patterns and templates, when you need just a one-off adjustment.

[ramonjd]

Thanks for creating this issue.

We're experimenting with something in #35454 and over in #35301 that (so far) saves the following block markup:

<!-- wp:columns {"style":{"spacing":{"blockGap":{"row":"90px","column":"90px"}}}} -->
<div class="wp-block-columns"><!-- wp:column -->
<div class="wp-block-column"></div>
<!-- /wp:column -->
<!-- wp:column -->
<div class="wp-block-column"></div>
<!-- /wp:column --></div>
<!-- /wp:columns -->

Good to know there's another use case for splitting blockGap into row/column.

cc @stacimc

[mtias]

@ramonjd is this issue still relevant?

[ramonjd]

Thanks for the ping.

General axial block gap support was added in:

• Block spacing: block-level axial gap block support  #37736

@andrewserong pointed out to me that there's now an issue specific to the Row/Group block:

• Row Block: Add Axial Block Gap Support #47084

I think we can close this one.