Expand utilities

[davestewart]

Background

In comparison to Tailwind's utilities, Spectre's are woefully out of date!

Whilst I don't use most of Tailwind's utilities, the core ones (margin, padding, flex) are really useful.

Proposal

Create a tight core of utilities which handle 80% of the use cases.

Suggestions:

• copy tailwind's naming (so no need to remember two sets)
• copy tailwind's default sizing
• could possibly package separately

Notes

See:

• https://tailwindcss.com/docs/
• https://themesberg.com/knowledge-center/tailwind-css/html

For position, we could also provide a an overridable SCSS map, then @for-each though that:

• https://github.com/spectre-org/spectre-css/blob/main/src/utilities/_position.scss#L44-L54