Menu icon Foundation
How do I set my gulp file to output not-minified CSS?

My developers complain that they have a hard time merging the minified CSS files and have asked me to deliver CSS in a not-minified state. 

I can see outputStyle: 'compressed' in my gulpfile, but I don't know what the value that is opposite to "compressed" is. I tried "nested" and that didn't work. 

Thanks. 

css

My developers complain that they have a hard time merging the minified CSS files and have asked me to deliver CSS in a not-minified state. 

I can see outputStyle: 'compressed' in my gulpfile, but I don't know what the value that is opposite to "compressed" is. I tried "nested" and that didn't work. 

Thanks. 

This post has been closed. No new replies can be added.

Janet Tingey 19 days ago

I found an answer to my question: https://web-design-weekly.com/2014/06/15/different-sass-output-styles/

There are four output styles:

:nested

:compact

:expanded

:compressed

 

Usage:

.pipe($.sass({
            includePaths: sassPaths,
            outputStyle: 'expanded'
            //outputStyle: 'compressed' // outputs minified css if css compressed **file size**
        })