Ok, I'll go first 😃
Thank you for your ideas!! It's great to have you here ahnaf
I like the idea of a shorthand background-image which is just like the background-color, an addition to the more advanced background property (which is a list). It would need to open the media selection dialog
I like the more general “Advanced CSS” editor a lot!! There are some UX questions and it is probably a more complex task (but definitely doable I believe)
It would need to be read and write code editor, with CSS synthax highlighting
Also the media querries should be displayed right. There is a method in the advanced selector plugin to convert selectors from and to string, not sure if it is useful here, or if we should add this editor as part of this plugin
Look at how they do it in this website builder, I like the features that make this editor as powerful as the browser "inspect element" / console, what do you think?
Also we may want to consider the case where the user enters css with errors.. or not?
- syntax
- wrong property values
- property that don't make sense (flex item in a non flex container)
- not supported by silex UI (e.g. more than 2 levels as in
.a > .b > .c)
