Spacing utilities and naming of sizes

[arielsalminen]

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…
• STACK-SPACE: For vertically stacked content.
• INLINE-SPACE: For things displayed inline.

For more, see the related issue: #33

[arielsalminen]

Trying to get first version of this feature finished and merged by the end of the week.