Comment créer vos propres variables less et les importer dans d'autres feuilles de style avec le rail asset pipeline ?

Question

J'utilise less css avec twitter-bootstrap-rails dans une application et je n'arrive pas à trouver comment créer mes propres variables less personnalisées. J'ai créé un fichier appelé stylesheets/globals/variables.css.less que j'aimerais utiliser pour définir une palette de couleurs personnalisée.

J'ai essayé d'importer ce fichier dans d'autres feuilles de style où je veux utiliser des variables de couleur personnalisées, mais je continue à obtenir une erreur de variable non définie.

Il n'y a pas de problème avec l'importation de variables à partir de la gemme twitter-bootstrap rails. Par exemple @import "twitter/bootstrap/bootstrap" ; dans le fichier booststrap_and_overrides.css.less fonctionne très bien.

La seule façon de résoudre ce problème est d'exécuter rake assets:precompile, mais ce n'est pas une solution viable. Existe-t-il un moyen d'utiliser les variables au moment de l'exécution ?

Answer 1

Je crois que j'ai rencontré un problème similaire. J'ai résolu le problème en renommant mon fichier de variables personnalisées en :

my_custom_variables.less

et en ajoutant :

@import "my_custom_variables";

en haut du fichier CSS faisant référence à mes variables personnalisées.

Answer 2

Y a-t-il une meilleure façon de procéder maintenant ? Il semble très peu rationnel de devoir importer vos variables avec chaque feuille de style que vous voulez utiliser dans votre application, surtout si vous utilisez la convention Rails de feuilles de style séparées pour chaque modèle.