2

dotless コンパイラは以下のケースを扱えないようです。ブートストラップのbuttons.lessファイルで、ミックスインを使用したい:

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

この mixin を less ファイルで次のように使用します。

@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 コンパイラを dotless で使用しないのはなぜですか? 技術的な理由はありますか？

4

1 に答える 1

1

これは間違ったインポートが原因ではありませんか? インポート行は "; で終わる必要があります。

@import "../buttons.less";

次のコードは、目的の出力を生成します。

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

.foo {
  .btn.disabled;
}

プロデュース:

.btn.disabled,
.btn[disabled] {
  font-size: 120%;
}
.foo {
  font-size: 120%;
}
于 2013-06-05T14:02:46.530 に答える