Para grillas responsive, muy al estilo de Bootstrap o Foundation, existe Lost. Utiliza floats, pero no te preocupes, hay formas de indicar que los sustituya por flexbox.
Instalamos el plugin:
npm install --save-dev postcss-lost
var processors = [
atImport(),
mixins(),
cssnested,
lost(),
cssnext({ browsers: [ ‘> 5%’, ’ie 8 ’ ] })
)
]
return gulp.src(‘./src/*.css’)
.pipe(postcss(processor))
.pipe(gulp.dest(‘./dist/css’’))
.pipe(browserSync.stream())
})
Las reglas que tiene lost, las encuentras en:
https://github.com/peterramsing/lost
