Comment ajouter des nouvelles lignes entre les fichiers sass de tow @imported?

Question

Mon fichier est main.scss comme:

@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. 

J'ai ajouté des sauts de ligne après chaque instruction @import mais quand la sortie est générée il n'y a pas d'espace entre des fichiers individuels css. La sortie est comme ceci:

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

Mais je veux des nouvelles lignes comme ceci:

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


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

J'utilise le générateur Yeoman webapp pour convertir SASS en css. Toute aide sera appréciée, merci.

Answer 1

Je n'ai pas utilisé Yeoman, mais vous pouvez changer le style de la css qui est sortie

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

Vous pouvez en savoir plus sur les styles SASS ici:

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