меньше.разделяя переменные в CSS в файлах

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

английский.меньше

@languageFloat: слева;

диаграмма.меньше

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

2 ответа:

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

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

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

// например,BlueTheme.меньше меньше файл ---------
@import "DefaultBlueParameters.less";

@import (less) "DefaultBase.css"; DefaultBlueParameters.less vars

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

0