SCSS / SASSでパーセントを計算する

Question

計算によってscssの幅をパーセンテージで設定したいのですが、エラーが発生します。

「...- width：（4/12）％」の後の無効なCSS：予想される表現（例：1px、ボールド）、「;」

次のようなことをしたい

$my_width: (4/12)%;

div{
width: $my_width;
}

そこに％記号を追加するにはどうすればよいですか？

Pxとemで同じ質問

Answer 1

percentage 関数を試しましたか？

$my_width: percentage(4/12);
div{
width: $my_width;
}

Answer 2

別の方法：

$my_width: 4/12*100%;

div{
width: $my_width; // 33.33333%
}

Sassは値を％で出力します。