Research/design better ways for us to inform user of css properties

[natdink]

Problem (Why)

There is a concern that some of our block settings will not be understood by a wider and less-technical audience. How can we communicate css properties in an easy to understand fashion? Things like tooltips etc to explain what properties are.

Impact (Who)

App Builders - especially low code, no code app builders

Existing

Check out demo for our current block settings>appearance which are more closely aligned to CSS properties.

Requirements (What)

What are more specific requirements that needs to take to consider this issue resolved.

• Spend time looking at different appearance settings for various blocks to be familiar with current state
• Research other low-code web design tools to see how they provide CSS features to users in a palatable way
• Recently updated padding and margin setting modeled after Figma - can rereview if necessary!
• Simplify alignment options and directional areas for Container (prereq: bug ticket be resolved on functionality)
• Work through how to expose container position settings - Position, Top, Z-Index
  
• Standardize to use pixels (no em or % in most cases) and % when appropriate (think specifically around responsiveness)
• Reset color can be more elegant
  

These are examples but there are likely other appearance settings that we may want to update - don't be restricted by this list!

[ehynd]

@Varthiny-V if youre out of tasks now, let's go to this one for the time being!