function styles() {
  const autoprefixer = require('autoprefixer');
  const postcss = require('gulp-postcss');
  const nested = require('postcss-nested');
  const calc = require('postcss-calc');
  const atImport = require('postcss-import');
  const perfectionist = require('perfectionist');
  const postcssCustomMedia = require('postcss-custom-media');
  const postcssCustomProperties = require('postcss-custom-properties');
  const sourcemaps = require('gulp-sourcemaps');
  const rename = require('gulp-rename');

  return gulp.src('./css/neway_mods.pcss')
    .pipe(sourcemaps.init())
    .pipe(postcss([
      atImport(),
      nested(),
      postcssCustomMedia(),
      postcssCustomProperties({ preserve: false }),
      calc(),
      autoprefixer({ grid: 'no-autoplace' }),
      perfectionist({ indentSize: 2 }),
    ]))
    .pipe(sourcemaps.mapSources(function (sourcePath, file) {
      // source paths are prefixed with '../src/'
      return '' + sourcePath;
    }))
    .pipe(rename(function (path) {
      // Updates the object in-place
      if (path.extname == '.pcss') {
        path.extname = '.css';
      }
    }))
    .pipe(sourcemaps.write('.'))
    .on('error', function (errorInfo) {  // if the error event is triggered, do something
      console.log(errorInfo.toString()); // show the error information
      this.emit('end'); // tell the gulp that the task is ended gracefully and resume
    })
    //.pipe(replace(',"<no source>"', ''))
    .pipe(gulp.dest('./css'));
}