Names the ladder margins, paddings and gaps set a thing apart on, so an interface's spacing retunes from one place.
Remarks
Each step is the multiple of the text size its number names, stated in em so a resized subtree takes it along.
A step sizing a thing against the text rather than spacing it from its neighbour belongs to the
scaling ladder instead: a glyph, a spinner, a swatch or a dot is scaled, not spaced.
Padding — padding is not a step but the padding of the element it is assigned to, set from a step: no rule
reads it, and assigning it through css pads that element alone, leaving what it holds unpadded.
Spacing tokens.
Names the ladder margins, paddings and gaps set a thing apart on, so an interface's spacing retunes from one place.
Remarks
Each step is the multiple of the text size its number names, stated in
emso a resized subtree takes it along.A step sizing a thing against the text rather than spacing it from its neighbour belongs to the scaling ladder instead: a glyph, a spinner, a swatch or a dot is scaled, not spaced.
Padding —
paddingis not a step but the padding of the element it is assigned to, set from a step: no rule reads it, and assigning it through css pads that element alone, leaving what it holds unpadded.