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;
}
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";
// 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