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

Question

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

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

如果这不可能，类似的公式是什么？

谢谢！

Answer 1

There is 生成范围内随机值的标准模式。

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 demo.

Answer 2

SASS没有设置最小值。

但您可以按如下方式调整它，以获得从 5 到 15 的随机数。

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

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

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

How to generate a random number within a min and max parameters in SASS?

random

sass

formula