preprocessor agnostic gutter configuration

[timoxley]

currently can't see a good way to use npm install to install flexboxgrid if you also need to adjust the gutters.

Kind of sucks there's not really a good way to expose user-configurable variables for style components, even with preprocessors. Not sure a good pre/post processor-agnostic solution other than exposing a css generator and allowing users to pass in the gutter sizes as variables. Perhaps a cli app?

In my case, I want to remove the gutter completely because the gutter makes certain styles impossible, so perhaps the simplest thing that would work would be special-casing zero gutters (due to aforementioned restriction) and including a zero gutters version in the distribution.

[kristoferjoseph]

@timoxley Have been working on a solution for this. Got a little hung up by sass compilers not playing nice with each other. Will keep this issue open and comment as I release solutions.
Thanks!

[stereokai]

Subscribed.

[kristoferjoseph]

@timoxley How do you feel about a .gutters class added to the caontainer being needed to get gutters? The default being no gutters.

[stereokai]

Why not use the sass !default modifier?

[timoxley]

@kristoferjoseph That's pretty neat. I like it.

[timoxley]

@stereokai I'm not using sass hence request for preprocessor agnostic gutter config

[kristoferjoseph]

I will be adding the .gutters class in the next release. I am dropping preprocessors entirely because Chrome is shipping custom properties. That is two thirds of evergreen browser!

[kristoferjoseph]

At this point you can use the source css in most browsers and adjust the custom properties to adjust the gutters to your hearts content. gutters class is still getting added to the next update