Styling the website will involve multiple style sheets. Hence, follow the following steps carefully:
@import "config"; @import "../../components/foundation/scss/normalize"; @import "../../components/foundation-icons/foundation_icons_social/sass/social_foundicons.scss"; ... /* other partials */
That way, the variables, as well as the changes within
_config.scss, will affect other component style sheets through Foundation. The
normalize variable will standardize basic element styles,
social_foundicons.scss; as you can guess, this allows us to apply Foundation's social icons.
styles.scssand import Bourbon,
responsive.scss, as ...