2013-11-27 2 views
1

Я читаю официальную документацию LESS (версия 1.5), но я не могу понять, как импортировать ссылку на другой CSS, чтобы использовать его содержимое в моем собственном файле. Например:Mixin using LESS

mystyle.less

@import (reference) "bootstrap.min.css"; 
.mylabel { 
    .label-success; 
} 

Он показывает эту ошибку: NameError: .label-success is undefined

Может быть, я неправильно понял документацию?

ответ

3

Вы можете использовать только reference с другими файлами LESS. Вы не можете смешивать и сопоставлять файлы LESS и CSS с этим методом.

Если вам нужно использовать mixins из Bootstrap, возьмите файлы Bootstrap LESS.

Update: Вы также можете указать ссылочный тип, который должен работать на то, что вам нужно:

@import (reference, less) "bootstrap.min.css"; 
+0

На самом деле вы можете использовать его с CSS тоже, я просто попытался его с '@import (ссылка, less) «bootstrap.min.css»; 'и работает (хотя бы в 1.5.1). –

+0

Да, но это фактически ссылается на файл в память (как анализируемый код LESS), а затем отображает только используемые микшины. Я обновил свой ответ, включив в него ссылку «ссылка, меньше». – BenM

+0

Не совсем. Импортированные файлы CSS без флага 'reference, less' не передаются через парсер (таким образом, не загружаются в память). Они просто добавляются к сгенерированному тегу (или файлу) '