如何在两个@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