LessCss и css импорт

Question

Я пытаюсь интегрировать LessCSS (версия 1.0.41) с Blueprint, но мне кажется, что я не могу импортировать файлы css в мою таблицу стилей less. Поэтому я попытался упростить импорт:

.red { color: red; }

и поместите его в test.css. Тогда в less_test.css:

@import "test.css":</p> <p>.test { .red; background-color: pink; }

Но LessCSS жалуется, что .red не определен. Что мне не хватает? Если я переименую test.css в test.less (и импортирую его как «test»), все работает нормально. Но было бы безопасно изменить расширение файлов чертежей и использовать его как screen.less, print.less и ie.less?

Answer 1

Как расширение CSS, LESS не только обратно совместим с CSS, но и добавляет дополнительные функции, использующие существующий синтаксис CSS. [1]

Это означает, что любой действительный файл CSS также является допустимым файлом LESS, поэтому вы можете смело переименовывать свои .css файлы в .less, и у вас не должно возникнуть никаких проблем.

[1] http://lesscss.org/#docs

Answer 2

В прошлом у меня была такая же проблема.Это оказалось простым исправлением.

Я пытался использовать @import для загрузки файла blueprintCSS screen.css, я сделал один встроенный комментарий в файле screen.css и оставил / ** /между фигурными скобками.

Неверный код:

.class { margin-top: 12px /*24px*/; }

Оказалось, что комментарий внутри фигурных скобок приводит к сбою компилятора LessCSS и его остановкеобработка файла ... оставляя другие необходимые селекторы для использования в качестве миксинов.

Я бы посмотрел, вызывает ли импортируемый вами файл ошибку и не завершает компиляцию.