SASSのminおよびmaxパラメータ内で乱数を生成する方法は？

Question

SASSのminおよびmaxパラメータ内で乱数を生成するにはどうすればよいですか？たとえば、5〜15の乱数などです。

.foo 
    font-size: random(15)#{px} 

これが可能でない場合は、どのような式が似ていますか？

ありがとうございました！

Answer 1

SASSに設定する最小値はありません。

しかし、5〜乱数ため、以下のようにそれを微調整することができる15 random()関数は1

の最小値を持っているので

.foo 
    font-size: (random(11) + 4)+px 

は、11 4を添加

Answer 2

There is範囲内のランダム値を生成するための標準パターン。

@function randomNum($min, $max) { 
    $rand: random(); 
    $randomNum: $min + floor($rand * (($max - $min) + 1)); 

    @return $randomNum; 
} 

.foo { 
    font-size: #{randomNum(5, 10)}px; 
} 

Sassmeister demo：

Min + (int)(Math.random() * ((Max - Min) + 1))

SCSSでは、それは次のようになります。