Объединить правила в компактный вывод?

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; }

В общем, мне действительно нравится, что Sass ставит новые строки между правилами базового уровня, но иногдахотите выборочно сгруппировать правила вместе, не вкладывая их.Есть ли способ?

Answer 1

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

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