6

{less} を使用していますが、括弧の使用で問題が発生しました。CSS3 変換プロパティの mixin を作成しました。コンパイルされた CSS で括弧を使用する方法がわかりません。Less は括弧を操作と見なし、それらを省略します。

元の CSS:

   .plus {
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -o-transform: rotate(45deg); }

私が書いたより少ないミックスイン:

    .transform (@action, @value){
        -webkit-transform: @action(@value);
        -moz-transform: @action(@value);
        -o-transform: @action(@value); }

コンパイルされた CSS は次のようになります。

   .plus {
      -webkit-transform: rotate 45deg;
      -moz-transform: rotate 45deg;
     -o-transform: rotate 45deg; }
4

2 に答える 2