Gulp Simple Media Queries Example

gulp-simple-media-queries-setup.js

var gulp = require('gulp');
var postcss = require('gulp-postcss'); // Load PostCSS
var postcss_nested = require('postcss-nested'); // Load the postcss-nested plugin
var simple_media_queries = require('postcss-simple-media-queries'); // Load the postcss-simple-media-queries plugin

gulp.task('css', function () {
  var processors = [ // The order is important because this plugin depends on nesting capabilities
    simple_media_queries,
    postcss_nested
  ];

  return gulp.src('./src/*.css') // Your source stylesheets
    .pipe(postcss(processors)) // Processes the styles through the plugin
    .pipe(gulp.dest('./dest')); // Get a compiled stylesheets
});