0

特定の変数の値によって mixin (コンパスまたは独自のもの) を含める方法があるかどうかを知りたいです。

現在、私は次のミックスインを持っています(これは機能します)

@mixin aligned-top-bottom-border($size, $side){
  @if $side == "left"{
   @include border-top-left-radius($size);
   @include border-bottom-left-radius($size);
  }
  @else{
    @include border-top-right-radius($size);
    @include border-bottom-right-radius($size);
  }
}

以下のコードのようなものに変えたいと思います(または、より短くて読みやすい他の代替手段)

@mixin aligned-top-bottom-border($size, $side){

 @include border-top-#{side}left-radius($size);
 @include border-bottom-#{side}-radius($size);

}

私は Sass 3.4.5 を使用しています (Selective Steve)

4

1 に答える 1