Styling Documentation

[rosenjcb]

Please don't immediately accept this merge request, I want this to be an open discussion. As promised here, I wanted to write a bit of documentation on the styling story that exists in Iced right now. I wrote a styling.md page with a primitive introduction. It's basically my understanding of how Iced came about and what it tries to do. Below are a few talking points I thought about putting into a section labeled Differences between CSS and Iced Styling (or something like that):

• In CSS every element can have padding, but in iced only some basic widgets have access to this property. This includes Column, Row, Container, et cetera.

• Right now some of the styling is kept in a StyleSheet, but not all styling rules. padding right now is set by a function call but I don't see anyway to define padding in the StyleSheet trait itself. Of course, there seems to be many StyleSheet traits, each one's definition unique to the widget itself.

• Maybe we can talk about default values. Right now, there's an open issue about the fact that StyleSheet trait objects don't have default implementations, but this might be fixed with a PR soon. I think default values are obviously useful and emphasizing that you can overide these default values, either in a custom widget or by passing a StyleSheet object to a widget you're already using, is important.

Please correct any mistakes or false statements I have made. I'm still learning the project as well. Also, feel free to add in stuff you'd like to see in the Styling doc.