1

私は Sass で右から左へのソリューションに取り組んでいます。

たとえば、元のスタイルが次の場合:

#foo {
  float: left;
  padding-left: 10px;
}

...関数/スクリプトは、float と padding-left を探して実行し、スタイルを次のように置き換えます。

#foo {
  float: right;
  padding-right: 10px;
}

次のように、ミックスインを使用したソリューションが既にあります。

@mixin float($origin: left) {
  @if $origin == left {
    @if $rtl { float: right; }
    @else    { float: left; }
  } @else {
    @if $rtl { float: left; }
    @else    { float: right; }
  }
}

@mixin padding-left($value) {
  padding-right: $value;
}

#foo {
  @include float(left);
  @include padding-left(10px);
}

...しかし、すべての可逆プロパティをインクルードに置き換えることなくこれを行う方法はありますか?

4

1 に答える 1

1

変数を使用して 1 か所で方向を設定できますが、Sass には、設定したルールに基づいて既存の CSS を変更する機能がありません。

$direc: left; 

div {
  float: $direc;
  padding-#{$direc}: 10px;
}
于 2013-02-27T17:58:57.057 に答える