Actually, the default code will result in an unexepected behavior: the `$color` map is defined in `derived-variables.sass` before setting the custom colors.
IMHO the lists and maps should be defined in a dedicated sass file to avoid confusion in customisation.
For this customization to work, need to add more partial scss files as above
$addColors: (
"twitter":($twitter, $twitter-invert),
"linkedin": ($linkedin, $linkedin-invert),
"github": ($github, $github-invert)
)
$colors: map-merge($colors, $addColors)
Otherwise it failed in my sass build
* Addition of Sass Color Map to Customize Page
Added verbiage to Customization page to demonstrate how to add new colors to the color map.
Using this methodology allows for the dev to use `<i class="fa fa-github has-text-github"></i>` or use `is-github` in a class for a background.
* Change map-merge of $color to only merge once, Sass Complience
- Changed map-merge of $color to import from another map rather than adding each line individually.
- Made it Sass Compliant
Updating based on #1394 comments from @jgthms