css.gui icon indicating copy to clipboard operation
css.gui copied to clipboard

Grouping properties

Open mrmrs opened this issue 3 years ago • 1 comments

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

mrmrs avatar Jun 10 '22 01:06 mrmrs

Related to #353

johno avatar Jun 10 '22 15:06 johno