Decanter 161 grid version v04

[bixgomez]

READY FOR REVIEW

Summary

• Implementing functional Flexbox class-based grid system

Steps to Test

1. Visit /section-core.html#kssref-core-grid in the style guide
2. Confirm that the grid performs as expected across all breakpoints, and in IE11

Associated Issues and/or People

• GitHub ticket

[josephgknox]

This looks great, and is very close. A few of things:

• we talked about changing the class names in our meeting last week. Something like decanter-span[#]. The respective mixin names should change to match as well.
• currently .decanter-grid is being styled in two places: in scss/core/grid/_grid.scss via the related mixin and in scss/core/grid/_base.scss. These should be consolidated.
• due to the new class-based system, which is being leveraged in some of the style guide's examples, the "Colors" section is borked. Looks like it just needs the decanter-grid wrapper.
• the "sourceMappingURL" in the decanter-no-markup file changed (can't seem to identify why?); the string seems to be incorrect.
• the grid mixins, which are important ones, have not been added to the style guide.
• the // A playground to test concepts. comment in the scss/core/grid/_grid.scss should be removed.