SASS - Как синхронизировать style.scss с файлом style.css? - PullRequest
Новая
       13

SASS - Как синхронизировать style.scss с файлом style.css?

0 голосов
/ 07 ноября 2018

Я использую SASS, пишу в компиляции style.scss в (style.css & style.map.css), но как преобразовать файл style.css в полностью обычный файл style.css?

Скомпилированный файл style.css выглядит следующим образом 

div{
    margin: 0 auto;}
    p {
      text-align: center;}

Как преобразовать его в normal.css?

1 Ответ

0 голосов
/ 08 ноября 2018

Стиль вывода по умолчанию для Sass обычно равен nested, то есть стиль / форматирование, которое вы видите в файле style.css.

Возможные варианты:

  • nested
  • expanded
  • compressed
  • compact

Если перед компиляцией файла вы измените вывод на expanded, вы, вероятно, получите нужный вам стиль. 

sass --watch scss:css --style expanded

Будет производить это: 

div {
    margin: 0 auto;
}
p {
  text-align: center;
}

PS. Если вы используете что-то вроде Gulp, задача может быть настроена так: 

.pipe(sass({ outputStyle: 'expanded' }))
...