Description
The $border variable located in foundation _config.scss settings should be moved to enable setting a global color based on the child theme.
Issue
By including the $border variable in the config settings we are declaring styles in a configuration file. Styles should not be included in any abstract files and only declare initial configurations. Currently the $border variable calls a color for the default configuration based on responsive-foundations inclusion of variables $color-grayscale-*.
Solution
Create and move the border variable declaration to a _base.scss partial and load after all abstract config files. ie
- _config.scss
- _vars.scss
- _colors.scss
- _functions.scss
- _mixins.scss
- _base.scss <--
$border: ;
- …
Description
The
$bordervariable located in foundation_config.scsssettings should be moved to enable setting a global color based on the child theme.Issue
By including the
$bordervariable in the config settings we are declaring styles in a configuration file. Styles should not be included in any abstract files and only declare initial configurations. Currently the$bordervariable calls a color for the default configuration based onresponsive-foundations inclusion of variables$color-grayscale-*.Solution
Create and move the border variable declaration to a
_base.scsspartial and load after all abstract config files. ie$border: ;