neat

I've been using bourbon neat to do a desktop first layout that worked fine. However, I would like to do a mobile first versions, starting with mobile and working my way up. The default grid is 12 columns and for mobile I usually use a grid of 4. I tried changine my grid to 4 and scaling up to 12 but this didn't work. Is there a better way to do mobile first other than creating the standard desktop layout, then putting a mobile media query into each CSS selector and starting with the mobile version and building up the way? You should create new breakpoints with the new-breakpoint mixin from

I am attempting to start using Bourbon and Neat Sass libraries in my project. I want to compile Sass with Gulp. This is a simple styles task setup that I've found in one of the tutorials: var gulp = require('gulp'), sass = require('gulp-sass'), neat = require('node-neat').includePaths; var paths = { scss: './assets/styles/*.scss' }; gulp.task('styles', function () { return gulp.src(paths.scss) .pipe(sass({ includePaths: ['styles'].concat(neat) })) .pipe(gulp.dest('./dist/styles')); }); gulp.task('default', function () { gulp.start('styles'); }); Then in the main .scss file I place the imports: