less.css разделяет переменные между файлами

Question

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

english.less

@ languageFloat: left;

chart.less

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

Answer 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 (в отличие от анализа в браузере less.js), поскольку оператор @import объединит ваши файлы LESS и CSS в один файл CSS. Возможно, вы можете подумать о том, чтобы иметь один файл LESS контроллера, который включает ваши переменные, а затем другие ваши файлы LESS и CSS, чтобы конечным результатом был один файл, который вы подаете в браузер.

Я полагаю, это было бы что-то простое, как это:

* * 1010

Answer 2

// Например, BlueTheme.less Меньше файла ---------
@import "DefaultBlueParameters.less"; <--- только тема меньше переменных </p>

@import (less) "DefaultBase.css"; <--- есть использование <code>DefaultBlueParameters.less vars

Генерирует BlueTheme.css