Grouping properties

[mrmrs]

Currently we list properties in alphabetical order as they are added. I think we can make the panels easier to navigate if we start to add some intelligent property groupings. Issue to document potential groupings.

Related properties

Skins

Color
BackgroundColor
AccentColor
Outline
Border 
Border radius

Shadows

Box Shadow
Text Shadow

Typography

font-family
font-size
line-height
font-weight
font-style
text-align
text-transform
letter-spacing
text-indent

Sizing

min-width
width
max-width
min-height
height
max-height

Spacing

padding
margin

Layout

display
[display=flex]
align-items
justify-content
flex-grow
flex-shrink
order
flex-wrap
flex-basis
flex-direction


[display=grid]
grid-area
grid-template-rows
grid-template-columns
grid-auto-rows
grid-auto-columns
grid-auto-flow


[display=grid||flex]
gap

[johno]

Related to #353