Need for extended style guide

[lyoungblood14]

Checklist

• I've searched through the current issues to make sure this change hasn't been suggested already.
• I agree to follow the Code of Conduct that this project adheres to.

Which documents need updating?

No response

Motivation

I <3 leaflet but am agonizing over how to style the many-nested buttons in leaflet-bar, leaflet-control, etc. And style for one doesn't work for for the other (e.g. applying the same style for layer control as for geolocation doesn't do the same thing). As a beginning to mid level CSSer who has devoted some serious time to this issue, I think it could be really beneficial to extend the documentation on style classes, default styles, etc.

Since I'm such a noob, maybe this is completely inappropriate here and something that should be asked on stackO or so, sorry if that's the case. :D

I guess I just feel that there are so many great libraries that have great documentation but then styling them is so difficult as there is no explanation? Or am I missing something here?

Suggested changes

• detailed overview of classes leaflet is using from a CSS perspective
• maybe a diagram of nesting, e.g. like the class diagram but for the styles?
• explanation of why there are sooo many nested elements in .leaflet-bar.