Gulp task to unwrap @media rules to make “mobile first” styles IE8 friendly.

gistfile1.txt

var gulp = require('gulp');
var less = require('gulp-less');
var postcss = require('gulp-postcss');
var rename = require('gulp-rename');
var unwrapAtMedia = require('postcss-unwrap-at-media');

gulp.task('default', function () {
  return gulp.src('./src/**/*.less')
    .pipe(less())
    .pipe(gulp.dest('./dist/'))
    .pipe(postcss([ unwrapAtMedia ]))
    .pipe(rename({ suffix: '.ie8' }))
    .pipe(gulp.dest('./dist/'));
});