如何在Sass中连接变量？

Question

我使用Bootstrap 4，我想将direction改成rtl，所以我做了3个变量：$direction: rtl; $left:left;和$right:right;

@if($direction == rtl){ $left : right; $right : left; }

我想用变量$left左移，这是文本：

 margin-left: 0;
 @include border-left-radius($border-radius);

我的尝试：

 margin-#{$left}: 0;  // is correct
 @include border-#{$left}-radius($border-radius);  // is wrong 

怎么写？

Answer 1

我使用了@if和@else，它工作正常

@if(true){
    @include border-left-radius($border-radius);
}@else{
    @include border-right-radius($border-radius);
}