Skip to content

Padding

NameValue
padding-base4px 12px

Defined in src/codex-base.json

Refers to padding.vertical.base

Refers to padding.horizontal.base

padding-horizontal-base12px

Defined in src/codex-base.json

Refers to size.absolute.75

padding-horizontal-input-text8px

Defined in src/codex-components.json

Refers to size.absolute.50

padding-vertical-base4px

Defined in src/codex-base.json

Refers to size.absolute.25

Note, this is changing from `5px` to `4px` and will go in sync with line-height change.

padding-vertical-menucalc( 4px + 1px )

Defined in src/codex-components.json

Refers to padding.vertical.base

Refers to border-width.base

Note, that we need to rely on `calc()` for cross-stylesheet format output. Not perfectly aligned to current basic browser support.

padding-input-text4px 8px

Defined in src/codex-components.json

Refers to padding.vertical.base

Refers to padding.horizontal.input-text