CSS shorthands.

[JSideris]

Have variants of several properties that accept different units or args. These should be reactive. This isn't an easy thing to do because shorthand props are extremely flexible.

The following list is not comprehensive.

• [x] all
• [ ] animation
• [ ] background
• [ ] border
• [ ] border-block-end
• [ ] border-block-start
• [ ] border-bottom
• [ ] border-color
• [ ] border-image
• [ ] border-inline-end
• [ ] border-inline-start
• [ ] border-left
• [ ] border-radius
• [ ] border-right
• [ ] border-style
• [ ] border-top
• [ ] border-width
• [ ] column-rule
• [ ] columns
• [ ] container
• [ ] contain-intrinsic-size
• [ ] flex
• [ ] flex-flow
• [ ] font
• [ ] font-synthesis
• [ ] font-variant
• [ ] gap
• [ ] grid
• [ ] grid-area
• [ ] grid-column
• [ ] grid-row
• [ ] grid-template
• [ ] inset
• [ ] list-style
• [ ] margin
• [ ] mask
• [ ] mask-border
• [ ] offset
• [ ] outline
• [ ] overflow
• [ ] padding
• [ ] place-content
• [ ] place-items
• [ ] place-self
• [ ] scroll-margin
• [ ] scroll-padding
• [ ] scroll-timeline
• [ ] text-decoration
• [ ] text-emphasis
• [ ] transition