Related:
This is a stub issue to flag a follow-up task for the Tracking: Dimensions Design Tools Consistency issue (#43243).
For padding (and border) support to work consistently across blocks, blocks need to have their own box-sizing: border-box rule. This can be applied to the .wp-block-${name} classname (e.g. .wp-block-cover). An example of the rule, and comment explaining its existence, can be found here:
https://github.com/WordPress/gutenberg/blob/trunk/packages/block-library/src/cover/style.scss#L10-L11
// This block has customizable padding, border-box makes that more predictable.
box-sizing: border-box;
The task for this issue, once padding support has largely been opted-in, is to create a similar table as in #43243 to review which blocks do and do not have this rule, so that we can add it in where required to ensure consistency. Note that Paragraph and Heading blocks (which do not have wp-block- based classnames) are likely exceptions for this rule.
To-do
Related:
This is a stub issue to flag a follow-up task for the Tracking: Dimensions Design Tools Consistency issue (#43243).
For padding (and border) support to work consistently across blocks, blocks need to have their own
box-sizing: border-boxrule. This can be applied to the.wp-block-${name}classname (e.g..wp-block-cover). An example of the rule, and comment explaining its existence, can be found here:https://github.com/WordPress/gutenberg/blob/trunk/packages/block-library/src/cover/style.scss#L10-L11
// This block has customizable padding, border-box makes that more predictable. box-sizing: border-box;The task for this issue, once padding support has largely been opted-in, is to create a similar table as in #43243 to review which blocks do and do not have this rule, so that we can add it in where required to ensure consistency. Note that Paragraph and Heading blocks (which do not have
wp-block-based classnames) are likely exceptions for this rule.To-do
box-sizingrules across blocks, similar to the table in Tracking: Dimensions Design Tools Consistency #43243