less.css partage les variables entre les fichiers

Question

J'utilise less.css pour simplifier mon style css. J'aimerais déclarer une variable dans un fichier less et partager son utilisation entre mes nombreux fichiers less. Est-ce possible ? Par exemple :

anglais.moins

@languageFloat : gauche ;

chart.less

div#footer a.web
{   
    display: block;
    float: @languageFloat;
    color: #cccccc;
    margin-right: 10px;
}

Answer 1

Le meilleur moyen d'y parvenir est de @import votre fichier LESS contenant toutes vos variables. Voici la syntaxe de l'élément @import mot-clé :

// For LESS file includes,
@import "lib.less";
// or
@import "lib"; // infers the .less extension

// and for plain CSS includes which are added but not parsed by LESS
@import "style.css";

Cela fonctionne particulièrement bien si vous servez des fichiers CSS à vos utilisateurs (par opposition à l'analyse syntaxique de less.js dans le navigateur), car le fichier @import va regrouper vos fichiers LESS et CSS en un seul fichier CSS. Vous pouvez peut-être envisager d'avoir un fichier LESS de contrôle qui inclut vos variables, puis vos autres fichiers LESS et CSS afin que le résultat final soit un seul fichier que vous servirez au navigateur.

J'imagine que ce serait quelque chose de simple comme ça :

// Controller.less
@import "english.less";
@import "chart.less";

Answer 2

// par exemple BlueTheme.less Fichier Less ---------
@import "DefaultBlueParameters.less"; <--- seulement le thème moins de vars

@import (less) "DefaultBase.css"; <--- il y a une utilité DefaultBlueParameters.less vars

Il génère BlueTheme.css