Skip to content

Dimensions Design Tools Consistency Follow-up: Review box-sizing settings across blocks #43465

@andrewserong

Description

@andrewserong

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

Metadata

Metadata

Assignees

No one assigned

    Labels

    [Feature] Design ToolsTools that impact the appearance of blocks both to expand the number of tools and improve the experi[Type] EnhancementA suggestion for improvement.

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions