使用Sass格式化PHPStorm中的CSS輸出

Question

我收到了在PHPStorm中設置的Sass觀察器。一切正常，但CSS輸出並不是我所希望的。是否可以更改輸出的格式選項？

例如，我有這個作爲我的薩斯代碼：

#faq 
    background-color: #ffcc55 
    padding-top: 20px 
    .faq-button 
    width: 30%; 
    float: left 

當transpiled到CSS，我得到這個：

#faq { 
    background-color: #ffcc55; 
    padding-top: 20px; } 
    #faq .faq-button { 
    width: 30%; 
    float: left; } 

雖然這是完全可行的，我想是這樣的：

#faq { 
    background-color: #ffcc55; 
    padding-top: 20px; } 

#faq .faq-button { 
    width: 30%; 
    float: left; } 

有沒有可能改變它？

Answer 1

This link解釋了Sass可以輸出的不同方式。

爲了當您啓動薩斯手錶在終端利用這一點，那就是：

sass --watch sassfile.sass:cssfile.css --style expanded