CODEWITHSUNDEEP
gulpflexboxflexibility
user1937021
user1937021

Reputation: 10801

automate adding flexibility declaration with gulp

I want to add flexibility polyfill in my build to support ie8 & 9. Is there a way with gulp to add in the -js-display: flex; before display: flex; as required?

.container {
    -js-display: flex;
    display: flex;
}

https://github.com/10up/flexibility

Thanks!

Upvotes: 2

Views: 768

Answers (1)

Sven Schoenung
Sven Schoenung

Reputation: 30574

You can use gulp-postcss in combination with the postcss-flexibility plugin:

var gulp = require('gulp');
var postcss = require('gulp-postcss');
var flexibility = require('postcss-flexibility');

gulp.task('css', function() {
  return gulp.src('src/**/*.css')
    .pipe(postcss([flexibility]))
    .pipe(gulp.dest('dist'));
});

Upvotes: 4

Related Questions