Better explanation for terseness/shorthand notation

This adds a section to Styleguide - Naming, specifying the shorthand
notation that we use for sizing and hierarchy, as well as adds a quick
note on the Components section about the shorted grid class name.
Adjust terseness note on Components