Standardize B.E.M. syntax project wide about archetype HOT 5 CLOSED

Also implement img asset naming with BEM syntax

from archetype.

Introduce a systematic naming convention for media queries - i.e. B.E.M.-like syntax for major and minor breakpoints

Potentially a prefix for both breakpoints and tweakpoints
ex: $bp- and $tp-

Important to distinguish between major and minor breakpoints because minor bp's change more frequently and/or often have additions - this can easily disrupt a naming scheme (for example if sm/med/lg is used initially and additional sm minor bp's become necessary down the road, the naming scheme can easily grow to be un-intuitive over time)

from archetype.

also prefix utility classes and variables with u-

from archetype.

Coding-Standards are final.

Review entire code base and bring compliant.

from archetype.

all "external" variables...(variables called from other partials) have been updated. Code base is currently compiling without errors.

Still todo: refactor "internal"...(those set within the same component partial)

from archetype.