Importation de variables LESS dans Rails 3

Question

J'ai un fichier global.less dans mon dossier assets où j'ai défini de nombreuses variables pour l'ensemble du site.

Pour utiliser ces variables dans d'autres moins de fichiers, je mets actuellement ce en haut de chaque fichier:

@import 'global'; 

Cette charge tout va bien, mais maintenant j'ai une copie globale chargée dans chaque moins fichier. Je me demande s'il existe un moyen d'écrire l'importation juste une fois dans le projet, et si les autres moins de fichiers peuvent y accéder?

Answer 1

Il y a juste deux petites choses que vous devez faire pour que cela se produise.

1. Faire application.css un fichier .Moins en le renommant application.less ou application.css.less.

2. Supprimez la directive require_tree . sprocket, qui importerait les fichiers dans le répertoire des feuilles de style, supprimant ainsi votre capacité à définir l'ordre.

Une fois que ces choses sont faites, il devrait fonctionner comme prévu, tout simplement:

// in global.less 
@foo: #FFFFFF; 

// in foo.less 
.foo { 
    background-color: @foo; 
} 

// and finally in application.less 
@import 'global'; 
@import 'foo';