SEOThemes Studio Pro Replacement Gulp SASS Output

gulpfile.js

/**
 * Compile Sass.
 *
 * https://www.npmjs.com/package/gulp-sass
 */
gulp.task( 'styles', function () {

	gulp.src( paths.styles )

	// Notify on error
	.pipe( plumber( { errorHandler: notify.onError( "Error: <%= error.message %>" ) } ) )

	// Source maps init
	.pipe( sourcemaps.init() )

	// Process sass
	.pipe( sass( {
		outputStyle: 'expanded'
	} ) )

	// Pixel fallbacks for rem units.
	.pipe( pixrem() )

	// Parse with PostCSS plugins.
	.pipe( postcss( [
		autoprefixer( {
			browsers: AUTOPREFIXER_BROWSERS
		} ),
		mqpacker( {
			sort: true
		} ),
	] ) )

	// Format non-minified stylesheet.
	.pipe ( cleancss( { 
		format: format
	} ) )

	// Inject changes via browsersync.
	.pipe( browsersync.reload( { stream: true } ) )

	// Process sass again.
	.pipe( sass( {
		outputStyle: 'compressed'
	} ) )

	// Combine similar rules.
	.pipe ( cleancss( {
		level: {
			2: {
				all: true
			}
		}
	} ) )

	// Minify and optimize style.css again.
	.pipe( cssnano( {
		safe: false,
		discardComments: {
			removeAll: false,
		},
	} ) )

	// Write source map.
	.pipe( sourcemaps.write( './' ) )

	// Output the compiled sass to this directory.
	.pipe( gulp.dest( './' ) )

	// Filtering stream to only css files.
	.pipe( filter( '**/*.css' ) )

	// Notify on successful compile (uncomment for notifications).
	.pipe( notify( "Compiled: <%= file.relative %>" ) );

} );