Vue Design System is missing proper utilities/framework for spacing components and layout. I’m proposing the addition of the following helpers which would be either based on the x-height of the chosen typeface or then just the base space token (if based on x-height, will have to change the spacing tokens to match as well).
Utilities:
INSET-SPACE: For interface containers.
INSET-SQUISH-SPACE: For buttons, form elements, cells, etc…
Vue Design System is missing proper utilities/framework for spacing components and layout. I’m proposing the addition of the following helpers which would be either based on the x-height of the chosen typeface or then just the base space token (if based on x-height, will have to change the spacing tokens to match as well).
Utilities:
For more, see the related issue: #33