Multi-value radii and spacing tokens docs

[rbosker]

Related issue: tokens-studio/figma-plugin#110

Name doc:

Video walk through:
Doc:

[six7]

I'll work on a video work this next week, content for the docs could be something like

Single value (like today)
Clicking this on radii will apply to all corners (like today)
Clicking this on spacing will apply to the gap property (like today)
10px

Two values
Clicking this on radii will apply top-left-and-bottom-right | top-right-and-bottom-left
Clicking this on spacing will apply top-and-bottom | left-and-right
10px 5px

Three values
Clicking this on radii will apply top-left | top-right-and-bottom-left | bottom-right
Clicking this on spacing will apply top | right-and-left | bottom
2px 4px 2px

Four values
Clicking this on radii will apply top-left | top-right | bottom-right | bottom-left
Clicking this on spacing will apply top | right | bottom | left
1px 0 3px 4px

In the video I'd explain

• how to create them
• how to apply them
• how to use them with aliases