Групповые правила вместе в компактном исполнении?

Question

Я только начал использовать SCSS для генерации моих CSS-файлов. «Компактный» стиль - это мой предпочтительный стиль вывода, но я не уверен, как группировать правила базового уровня вместе, не вложив их в него. Это в основном вопрос об эстетике.

В более четких терминах, как правило, это SCSS:

h1 { font-size: 32px; } 
h2 { font-size: 24px; } 
h3 { font-size: 18px; } 

... компилируется в этот CSS:

h1 { font-size: 32px; } 

h2 { font-size: 24px; } 

h3 { font-size: 18px; } 

Но я хочу, чтобы удалить эту дополнительную линию между правилами, выборочно, например что он компилируется вместо этого в этот CSS:

h1 { font-size: 32px; } 
h2 { font-size: 24px; } 
h3 { font-size: 18px; } 

В общем, я действительно НРАВИТСЯ, что Сасс ставит n ewlines между правилами базового уровня, но иногда я хочу выборочно группировать правила вместе, не вставляя их. Есть ли способ?

Answer 1

Я использую синтаксис sass, но он должен работать так же. Когда вы смотрите файл, добавьте тег опции стиля.

`sass --watch --style compressed your_sass_file.sass:your_stylesheet_name.css`