如何在SASS中的最小和最大参数内生成随机数？

Question

如何在SASS中的最小和最大参数内生成随机数？例如,从5到15的随机数.

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

如果那是不可能的,那么类似的公式是什么？

谢谢!

Answer 1

有一种标准模式可以在一个范围内生成随机值.

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

在scss中它看起来像:

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

  @return $randomNum;
}

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

Sassmeister 演示.

Answer 2

在SASS中没有设置最小值.

但是您可以按照以下方式调整5到15的随机数.

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

添加4到11,因为random()函数的最小值为1