Less.css обмен переменных между файлами

Я использую less.css для упрощения стилизации CSS. Я хотел бы объявить varaible в одном меньшем файле и поделиться своим использованием в моем меньшем количестве файлов. Это возможно? Например:

english.less

@languageFloat: left;

chart.less

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

Ответ 1

Лучший способ сделать это - @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";

Ответ 2

//например. BlueTheme.less Меньше файла ---------
@import "DefaultBlueParameters.less"; < --- только тема меньше vars

@import (less) "DefaultBase.css"; < --- используется DefaultBlueParameters.less vars

Он генерирует BlueTheme.css