Sass to CSS output as single line

Question

Trying to change multiline output from Sass to CSS conversion to single line output.

Sass:

p {
  font-size: 18px;
  color: red;
  
  span {
    color: blue;
  }
}

CSS multi-line (Sass default):

p {
  font-size: 18px;
  color: red;
}

p span {
  color: blue;
}

CSS single-line:

p { font-size: 18px; color: red; } p span { color: blue; }

score 1 · Answer 1 · answered Sep 25 '20 at 03:17

You can use the style=compressed flag in the CLI to indicate that it should be output onto single line.

Normal usage:

$ sass style.scss

With style=compressed flag:

$ sass --style=compressed style.scss

1 Answers1