web-dev-qa-db-fra.com

less.css partage des variables entre les fichiers

J'utilise less.css pour simplifier mon style CSS .. Je voudrais déclarer un fichier visible dans un fichier de moins et partager son utilisation sur mes nombreux fichiers de moins. Est-ce possible? Par exemple:

english.less

@languageFloat: à gauche;

chart.less

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

La meilleure façon de le faire est de @import votre fichier LESS contenant toutes vos variables. Voici la syntaxe du mot clé @import:

// 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 transmettez des fichiers CSS à vos utilisateurs (par opposition à l'analyse less.js dans le navigateur), car l'instruction @import composera vos fichiers LESS et CSS dans un seul fichier CSS. Vous pouvez peut-être envisager de créer un fichier MOINS de contrôleur contenant vos variables, puis vos autres fichiers LESS et CSS afin que le résultat final soit un fichier unique que vous transmettez au navigateur.

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

// Controller.less
@import "english.less";
@import "chart.less";
73
Nathan Strutz

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

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

Il génère BlueTheme.css

0
Tadeuš Kozlovski