sass - Sass での CSS プロパティの変数の使用

Question

要素のパーセンテージ幅を計算する @mixin を作成していますが、非常に便利なので、マージンやパディングなどの他のプロパティにも同じ関数を使用したいと考えています。

プロパティ名を引数として mixin に渡す方法はありますか?

@mixin w_fluid($property_name, $w_element,$w_parent:16) {
    $property_name: percentage(($w_element/$w_parent));
}

Answer 1

Sass が変数を CSS プロパティとして扱うには、変数に補間(例: )を使用する必要があります。#{$var}それがなければ、変数の割り当てを実行しているだけです。

@mixin w_fluid($property_name, $w_element, $w_parent:16) {
    #{$property_name}: percentage(($w_element / $w_parent));
}