Как сделать отступ после компиляции каждого правила csss — css?

Question

[Rudy Dudy]

Привет!
Что мы имеем.
https://prnt.sc/i3hgmm
Что получается
https://prnt.sc/i3hgwm
В чем проблема и что нужно
https://prnt.sc/i3hh9o
Закрывающая скобка каждого правила не начинается с нового рядка + есть лишние отступи после префиксов.
Заранее спасибо

Comments

[Ankhena]

Зачем?

Логичнее на выходе получать минифицированный CSS.

Если кому-то потребуется посмотреть красивый в инспекторе хрома всегда есть кнопочка для наведения красоты. Для редактирования (если кому-то вдруг приспичит редактировать не scss) во вменяемых программах есть команды типа reformat code.

Answer 1

[David Halkin]

.pipe(sass({outputStyle: 'expanded'}).on('error', sass.logError))
.pipe(autoprefixer(['last 15 versions', '> 1%', 'ie 8', 'ie 7'], { cascade: false}))

а вообще Кирилл прав, ваше дело сделать отличный код а как он там выглядит то дело уже второе. + всегда можно его минифицировать +почистить и отсортировать

Answer 2

[Кирилл Несмеянов]

Зачем? Как часто вы смотрите, например, насколько красивый код получается после сборки C++ в машинный/исполняемый код?

Comments

[Rudy Dudy]

Это нужно для дальнейшей работы с кодом. Припустим если я отдам проект человеку, который не знаком с sass, а пишет на чистом css, и нужно что бы файл css был полностью "читабельно-красивым", ну что бы не было такой бухты-барахты.

[Кирилл Несмеянов]

Zen Ter, Ну тогда Ctrl+Alt+Shift+L в шторме. Но что-то мне подсказывает, что это глупая затея, отдавать и править надо исходники, а не результат сборки. Если не знаком с сасс, то этому человеку придётся научиться. Чай, не так сложно.

[Егор Живагин]

Zen Ter, с scss знакомиться на базовом уровне - минут 5. Можно просто писать css в scss файле)
Если человеку принципиально важен именно формат css - ну, отдайте ему не очень красивый код . Но сейчас очень мало кто пишет без препроцессоров

И мне даже больше нравится второй скрин, кроме скобок )