css - CSSプロパティとしてLESS変数を使用する

Question

pxをemに変換するミックスインがあります：

.margin(@target: @targetsize, @basefont: @em){
    margin:(@target / @basefont) + 0em;}

CSSのmarginプロパティが変数に置き換えられるように、そのミックスインを変更したいと思います。例えば：

.pxtoem(@target: @targetsize, @basefont: @em, @property: @property){
@property:(@target / @basefont) + 0em;

}

だから私はそれを例えばで呼ぶことができます：

.pxtoem(2,1,margin-bottom);

これは可能ですか？もしそうなら、どのように？

ありがとう：）

score 0 · Accepted Answer

少ないドキュメントから：

パラメトリックミックスインには、パラメータのデフォルト値を設定することもできます。

.border-radius (@radius: 5px) {
  border-radius: @radius;
  -moz-border-radius: @radius;
  -webkit-border-radius: @radius;
}

score 0 · Accepted Answer

0

当時はそうではありませんでしたが、未解決の問題があります。

于 2012-10-18T07:32:52.603 に答える

score 0 · Accepted Answer

関連するものを検索しているときにこれを見つけ、更新されていないことに気づきました。

.setProp(@prop,@val) {
  @{prop}:@val
}

.foo {
  .setProp(opacity,0.75);
}

3 に答える 3