Import the following style sheets in foundation.scss:

@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.

Open styles.scss and import Bourbon, _config.scss, main.scss, and responsive.scss, as follows:

@import "../../components/bourbon/dist/bourbon";
@import "config";
@import "main";
@import "responsive"; 

Then, I want to apply a custom font from Google Font simply because the custom fonts look better than the average font system, such as...