プロパティ/ルール名に変数を使用する方法はありますか？

Question

は、プロパティに変数を使用するか、つまり名前を支配する方法はあります：

.foo { 
    @dir: right; 
    border-{@dir}: 2px; 
} 

Answer 1

あなたはサスであなたの記事をタグ付けするので、ここであなたがSCSS構文でそれを行うだろう方法は次のとおりです。

.foo { 
    $dir: right; 
    border-#{$dir}: 2px; 
} 

SassMeisterで作業中であることを確認しました。

Answer 2

実際には私のコードはの前に@を配置して少し修正しても動作します。

@dir: right; 
.foo-@{dir} { 
    border-@{dir}: 2px; 
}