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

Popular posts from this blog

html - Outlook 2010 Anchor (url/address/link) -

javascript - Why does running this loop 9 times take 100x longer than running it 8 times? -

Getting gateway time-out Rails app with Nginx + Puma running on Digital Ocean -