如何在兩個@imported sass文件之間添加換行符？

Question

我main.scss文件如下：

@import "components/variables.scss"; // This file contains all font variables etc 

@import "components/global.scss"; // This file contains global styles to be applied 

@import "components/header.scss"; // All header and top menu navigation 

@import "components/bslider.scss"; // The main middle slider that have whole content of webside as slides. 

我已分別@import聲明後添加新行，但會產生輸出時，有個別文件的CSS之間沒有空格。輸出是這樣的：

* { 
    font-size: 14px; 
} 
/*global css finishes*/ 
/*header css starts*/ 
header { 
    position: absolute; 
} 

但我想換行是這樣的：

* { 
    font-size: 14px; 
} 
/*global css finishes*/ 


/*header css starts*/ 
header { 
    position: absolute; 
} 

我使用自耕農webapp生成到青菜轉換成CSS。任何幫助將不勝感激，謝謝。

Answer 1

我沒有使用過的自耕農，但你可以改變的CSS的風格，是輸出

sass --watch yourfile.scss:style.css --style expanded 

你可以閱讀更多關於上海社會科學院的風格在這裏：

http://sass-lang.com/documentation/file.SASS_REFERENCE.html#output_style