So Bootstrap 4 Beta was released today, and it includes some significant changes from Alpha 6, including how colors are referenced.
We now have
$theme-colors: ( primary: $blue, secondary: $gray-600, success: $green, info: $cyan, warning: $yellow, danger: $red, light: $gray-100, dark: $gray-800 ) !default;
I’ve worked with Sass maps before, but only to automate mixins and such. What’s our best way to override one or two of these values? Or will we be copying the whole map into our
_variables.scss file and editing it there?
This is compounded by the fact that the above references the
$gray- colors, which Sage’s
_variables.scss doesn’t have access to since it’s called first in
main.scss and those values don’t exist yet.
So this is an interesting problem. I’d love to start updating some of my in-progress projects for Bootstrap Beta, but I’m not sure how best to tackle these basic issues. Anyone with more Sass experience have thoughts?