Syntaxe pour inclure un fichier Sass séparé?
Je ne peux pas confirmer que cette syntaxe est la meilleure pratique. Je voudrais référencer un fichier Sass externe et le faire ajouter à mon fichier CSS final, de cette façon ma feuille Sass semble plus propre, et je ne fais encore qu'une seule requête HTTP.
Par exemple, prenez le code "normaliser" et placez-le dans un fichier .sass, puis dans mes feuilles sass, faites-y simplement référence:
@import src/normalize
@import src/droidSans
rest of code here.....
Cela fonctionne bien jusqu'à présent, mais je ne trouve rien de concret si je me dirige dans la bonne direction. De plus, je ne fais que des modèles statiques pour le moment ... sans utiliser Rails pour le moment.
Je joue avec Sass depuis quelques heures et j'adore !!!
Afin d'empêcher votre partiel d'être converti en son propre fichier css, préfixez le nom de fichier avec un trait de soulignement, _normalize.scss. Ensuite, vous pouvez l'importer comme vous l'avez déjà indiqué:
@import "normalize";
Ou importez plusieurs fichiers à la fois:
@import "normalize", "droidSans";
Ou importez depuis un répertoire relatif:
@import "folder/file"
Notez l'utilisation de guillemets doubles et de points-virgules; J'utilise la syntaxe SCSS qui est un développement ultérieur du mot SASS. Bien que les deux styles soient valides, vous pouvez vous retrouver à préférer l'un à l'autre en fonction des autres langues dans lesquelles vous vous familiarisez.
Pour plus d'informations, consultez la section Directives/Partials in the documentation .