2010-01-05 1 views
4

Я пытаюсь использовать lesscss для создания системы шаблонов, где каждый шаблон имеет 3 или 4 альтернативные цветовые схемы.Как передать переменные из одной таблицы стилей lesscss в включенную таблицу стилей?

Так, например, я мог бы таблицу стилей, которая выглядит следующим образом:

@main_colour: #ff0000; 
@import 'main.less'; 

Итак, у меня есть только один main.less таблицу стилей для сохранения, который содержит все основные стили и использует переменные для цвета коды. Затем я могу создать отдельный файл colour.less для каждой цветовой схемы.

Только проблема в том, когда я пытаюсь это сделать. Я получаю Less::VariableNameError, что указывает на то, что LESS анализирует @imports, прежде чем он анализирует переменные.

Есть ли обходной путь к этому или любому другому способу достижения такого же конечного результата?

ответ

2

Относительно your tweet, да, это будет работать, как вы ожидаете, в Sass. Я действительно удивлен, что он не работает в Less.

+0

Спасибо за подтверждение этого. Не слишком поздно переключаться на SASS, единственная причина, по которой я изначально не был из-за синтаксиса. Я слышал, что SASS работает над более синтаксисом типа CSS (например, LESS). Вы знаете, насколько это близко к реальности? – aaronrussell

+0

Это на самом деле в основном используется сегодня. Код доступен в ветке scss репозитория (http://github.com/nex3/haml/commits/scss). На данный момент это не очень хорошо документировано, и у него мало пользы, но он поддерживает почти все, что делает Сасс (исключение - это интерполяция скриптов в селекторах и свойствах, которые должны появиться в ближайшие пару дней). Если вы устанавливаете эту ветвь, вам нужно просто называть ваши файлы '.scss' и выходить. –

+0

Спасибо. Удалось передать синтаксис SCSS, просмотрев ваши тесты (хотя я с нетерпением жду документации). Кажется, работает так, как ожидалось, поэтому, если я не получу ответа от LESS chops довольно просто, я поменяю этот проект на SASS. :) – aaronrussell

1

Я думаю, что ребята Меньше захотели оставить файл .Less атомарным и независимым от внешних настроек окружающей среды. Это было то, что я предполагал, но мне также это не понравилось, поэтому наш порт .NET http://www.dotlesscss.com позволит вам сделать это по умолчанию.

Не очень важно внести изменения в оригинальную версию с меньшим рубином, и если вы придумаете переделывать источник, я могу указать вам в правильном направлении.

Из интереса, не будучи предателем команды Less, мне сейчас очень нравится синтаксис SASS, и есть дополнительные вещи, такие как условные утверждения и циклы, которые вы не можете делать (пока) с помощью Less.

@ nex3 - вы, ребята, должны прекратить соревноваться и просто работать вместе.

+1

Спасибо. Прошлой ночью я нашел вилку МЕНЬШЕГО, которая, похоже, делает то, что мы все хотим: http://github.com/tablatom/less/commit/0c2c39dc0b3b606b7b8c927a4fd714bf14c1d3e6 Однако я сейчас не хочу продолжать с использованием менее «взломанного» подхода плюс я просто чувствую, что команда SASS находится на вершине вещей немного больше. – aaronrussell

0

Похоже, это уже не проблема, или, по крайней мере, не для меня, используя «dotless» для .net?

0

Кажется, теперь он отлично работает с последним МЕНЬШЕ.

Смежные вопросы