css - Foundation with SASS, compiled with gulp only importing one component -
here current (the relevant portion) gulpfile:
gulp.task('styles', function() { return gulp.src('app/stylesheets/main.scss') .pipe(plumber()) .pipe(sass()) .pipe(autoprefixer()) .pipe(gulpif(production, cssmin())) .pipe(gulp.dest('public/css')) .pipe(livereload()); });
with following main.scss:
@import "normalize"; @import "foundation";
here's folder structure of app/stylesheets folder:
-- app -- stylesheets ---foundation.scss |-normalize.scss |-main.scss |-foundation-------_functions.scss |-_settings.scss |-_components/
the resulting main.css file after gulp processing ends containing normalize.scss styles , looks _tables.scss , _visibility.scss components.
i have tried using includepaths gulp-sass , didn't compile @ all.
also, importing css rather scss in main.scss file works fine, want change row-width setting 100%, i'd use scss files.
all foundation files left is. please me understand why not components importing! thank you!
check foundation.scss file, need initialize mixins available, either calling them 1 one or calling them provided fun foundation:
@import 'foundation'; @include foundation-everything;
hope helps.
Comments
Post a Comment