css - LESS では、どのようにしてミックスインの値をクラスのコレクションに返すことができますか?

Question

たとえば、次のようなものがあるとします。

.document {
    header {
        color: blue;
    }
    footer {
        color: red
    }
}

望ましい結果:

.my_document {
    .document;
 }

そのような.document; に置き換えられます

header {
    color: blue;
}
footer {
    color: red;
}

Answer 1

http://lesscss.orgから:

パラメータを取らないパラメトリック ミックスインを使用することもできます。これは、CSS 出力からルールセットを隠したいが、そのプロパティを他のルールセットに含めたい場合に便利です。

.wrap () {   
   text-wrap: wrap;   
   white-space: pre-wrap;  
   white-space:
   -moz-pre-wrap;   word-wrap: break-word; 
}

pre { .wrap }

したがって、あなたの場合は次を使用します。

.document() {
    header {
        color: blue;
    }
    footer {
        color: red
    }
}
.my_document {
    .document;
 }

(上記のコードをhttp://less2css.orgで実行してみてください)

---

よくわかりませんが、古いバージョンの LESS では、これらの mixin を括弧で囲んで呼び出す必要があったと思います。

.my_document {
  .document(); 
}