поддержка «двойных миксинов» в без точек

Кажется, что компилятор без точки не может обработать следующий случай. В файле bootsrap buttons.less я хочу использовать миксин:

// Disabled state
.btn.disabled,
.btn[disabled] {
  cursor: default;
  background-image: none;
  background-color: darken(@white, 10%);
  .opacity(65);
  .box-shadow(none);
}

Я использую этот миксин в моем меньшем файле следующим образом:

@import "../buttons.less
.state2 .followButton{
                .follow{ display:block; }
                .following{ display:none; }
                .unfollow{ display:none; }
                .btn.disabled;
                pointer-events:none;
            }

Компилятор выдает следующую ошибку:

.btn.disabled is undefined on line 178 in file '/myFile.less':

С winless css компилируется без проблем, поэтому я думаю, что компилятор - это «проблема».

Это известная проблема? (Это вообще проблема?)
Что бы вы порекомендовали для таких проектов, как мой, которые основаны на начальной загрузке?

В качестве побочного вопроса, почему бы не использовать обычный компилятор less для без точек? Есть ли технические причины?


compiler-errors twitter-bootstrap less dotless
person alexpoint    schedule 30.04.2013    source источник

Ответы (1)


arrow_upward
1
arrow_downward

Разве это не вызвано неправильным импортом? Ваша строка импорта должна заканчиваться на «;

@import "../buttons.less";

Следующий код производит желаемый результат:

.btn.disabled, .btn[disabled] {
  font-size: 120%;
}

.foo {
  .btn.disabled;
}

Производит:

.btn.disabled,
.btn[disabled] {
  font-size: 120%;
}
.foo {
  font-size: 120%;
}
person Régis B.    schedule 05.06.2013
comment
Спасибо, это была проблема. - person alexpoint; 15.07.2013