Si vous utilisez Haml sur Ruby sur des rails,
:css :sass #someDiv border: 3px dashed orange
3 Réponses :
La documentation relative à votre question est ici à haml-lang.com et a Explication plus détaillée sur Sass-lang.com .
Je crois ce que vous manquez, c'est que SASS ne doit pas être utilisé dans vos fichiers HAML. Ils devraient être placés dans des feuilles / feuilles de style / Sass avec une extension .Sass. Ils seront compilés dans un fichier .CSS dans des feuilles publiques / styles, que vous vous trouvez ensuite dans votre mise en page. P>
du lien SAS-LANG.com: P>
Par exemple, Public / StylesSheets / Sass / Main.Scss serait compilé aux feuilles publiques / style / Main.css. P> BlockQuote>
Vous utiliseriez ensuite le Stylesheet_Link_Tag a > Associeur (ou liez la feuille de style manuellement): p>
xxx pré> Si vous avez vraiment besoin d'utiliser SASS au sein de HAML, ici est la réponse. Vous ne pouvez pas nier filters à Haml. Vous avez apparemment besoin de faire quelque chose comme ceci: p>
xxx pré> Je crois Ce était la réponse originale des groupes Google Haml. P> P>
HM ... Si SASS ne doit pas être utilisé dans un fichier HAML, le filtre Sass n'aurait pas dû exister?
Il a ses utilisations, mais l'utilisation d'une feuille de style externe a tendance à être plus maintenue et plus sèche. Référence:
Le filtre SASK / SCSS serait utile par exemple pour avoir 404, 4222 et 500 sous forme de pages avec une mise en page distincte et une mise en cache allumée, donc sur le déploiement, demandez simplement des pages pour obtenir des fichiers HTML statiques. Je n'aime tout simplement pas écrire un CSS ordinaire.
Mon cas d'utilisation: Certains styles de base devraient être modifiables par des administrateurs de site pendant l'exécution. Je stocke une bande de variables dans la base de données et tous les styles qui utilisent ces variables vont dans un HAML partiel.
Vous pouvez écrire un filtre personnalisé pour générer une balise de style également.
L'exemple ci-dessous définit un nouveau filtre ": CSASS". P>
:csass #someDiv border: 3px dashed orange
Le filtre
: Sass code> enveloppe maintenant sa sortie dans une balise de style, de même que le nouveau
: moins code> et
: SCSS code> filtres. p> blockquote>
avant 4.0.0, enveloppez-le dans
% style code>: p>
xxx pré> p>