I’m using SASS version of Foundation 5 framework on my HTML template. I’m using SASS version primarily to utilize grid mixins and to keep the HTML semantic.
I’m importing foundation SASS version within my primary SASS file using some code like this
@import ‘bower_components/foundation/scss/foundation’;
But the issue is it causes a pretty messy compiled CSS file. For example see here: http://html.mstrends.com/_bare/styles/main.css
before my custom styles, all styles from the foundation framework is being imported. Now, I cannot import foundation framework in a separate SCSS file, because in this way I’ll have no access to foundation mixins within my primary SCSS file.
So, I was wondering if there is any way to only import foundation mixins within primary SASS file as then I can import foundation framework in a seprate SASS file.