Because vertical rhythm is typically a part of type scaling, consider extending the space theme object to include a scale of values to match the line-height used in the extension. This ensures that spacing between different sizes of text stays in the baseline (this is for consistency and not a strict rule, due to other non-copy content being of varying sizes not within the scale)
Because vertical rhythm is typically a part of type scaling, consider extending the
space
theme object to include a scale of values to match the line-height used in the extension. This ensures that spacing between different sizes of text stays in the baseline (this is for consistency and not a strict rule, due to other non-copy content being of varying sizes not within the scale)Maybe a sub object like container in the default theme sizes object that specifies these values are meant for vertical spacing only.
I prefer token names being number in multiples of
0.5
and the values based on thelineHeight
prop set inrem
, and also based in multiples of0.5
.Example to be generated: