not getting display: -webkit-flex with any options

Safari 8 needs display: -webkit-flex. With any options I pass — I on’t get it. Even with such hardcore as:

gulp.task('cssOwn:build', () => {
  return gulp.src(path.src.css) // css: 'src/css/styles.scss',
    .pipe(sass({
      includePaths: [path.dist.css],
      errLogToConsole: true
    }))
    .pipe(sass().on('error', sass.logError))
    .pipe(prefixer({
      browser: ['last 10 versions']
    }))
    .pipe(sourcemaps.write('./maps'))
    .pipe(gulp.dest(path.dist.css))
    .pipe(connect.reload())
});

This results in:

ol.o-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: column;
      flex-flow: column;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between; }

It sets display: -webkit-box; for Safari 6, but not display: -webkit-flex for Safari 8

[terion-name]

@farcaller browser → browsers

[ai]

@rouberg there is better way. Always put browsers to .browserslistrc config (as we recommend). If you use browsers option, cssnano’s Autoprefixer (Babel and many other tools) will have different browsers. If you use Browserslist config, all your tools will have the same target browsers.