The advice to be explicit when using shorthand is excellent. This has come back to bite me many times (you end up re-writing background and margin declarations to undo your clever shorthand).
The multiple measurement units is cool too: particularly unitless line-height, magic numbers, and relying on parent box sizing.
Great stuff, thanks for sharing this. Couple questions:
Do you find indenting descendant selectors helpful?
For your comments, do you adhere to CSSDoc or any particular convention?
Thanks for the comment, I’m glad you like it :)
The shorthand one is a really interesting one; it takes while to kick the habit and be purposely more verbose, but you soon get tired of undoing previously accidentally-set styles.
> Do you find indenting descendant selectors helpful?
Oftentimes yes; it can give a new developer more of a clue of the markup structure that a previous developer intended to be used. I can see at a glance that `x` needs to be in `y` but `a` needs to be a sibling of `b`. Of course you could just glean that yourself by looking at and reading all the selectors individually, but it’s nice to get an idea of structure at a glance.
> For your comments, do you adhere to CSSDoc or any particular convention?
Nothing official; I have my own habits but no documented standard. I like the look of http://warpspire.com/posts/kss/ though :)
The multiple measurement units is cool too: particularly unitless line-height, magic numbers, and relying on parent box sizing.
Great stuff, thanks for sharing this. Couple questions:
Do you find indenting descendant selectors helpful?
For your comments, do you adhere to CSSDoc or any particular convention?