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.
* Adds sup and sub to titles and subtitles
* Changes sub and sup to 75% and makes them variables
* Merge .title and .subtitle variables
Merged the .title and .subtitle sub and sup variables into just one $title-sub-size and $title-sup-size
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
iOS <button> element's minimum width is dependant on its font-size, so the .delete width wasn't able to be as small as it's height, resulting in one arm of the X being longer than the other. font-size: 0 does the trick.
