Я использую less.css для упрощения стилизации CSS. Я хотел бы объявить varaible в одном меньшем файле и поделиться своим использованием в моем меньшем количестве файлов. Это возможно? Например:
english.less
@languageFloat: left;
chart.less
div#footer a.web
{
display: block;
float: @languageFloat;
color: #cccccc;
margin-right: 10px;
}
Лучший способ сделать это - @import ваш LESS файл со всеми вашими переменными. Здесь синтаксис для ключевого слова @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";
Это особенно хорошо работает, если вы обслуживаете файлы CSS для своих пользователей (в отличие от разбора in-browser less.js), потому что оператор @import объединяет ваши файлы LESS и CSS в один файл CSS. Возможно, вы можете подумать о наличии одного LESS файла контроллера, который включает ваши переменные, а затем ваши другие файлы LESS и CSS, чтобы конечный результат был одним единственным файлом, который вы обслуживаете в браузере.
Я предполагаю, что это было бы просто так:
// Controller.less
@import "english.less";
@import "chart.less";
//например. BlueTheme.less Меньше файла --------- @import "DefaultBlueParameters.less"; < --- только тема меньше vars
@import (less) "DefaultBase.css"; < --- используется DefaultBlueParameters.less vars
Он генерирует BlueTheme.css