Scss　数学関数のまとめ：四捨五入、切り上げ、切り捨て、絶対値、最大値、最小値、乱数

$var1: 1.234;
$var2: 2.345;

.element {
  width: round($var1); // 1
  height: round($var2); // 2
}

$var1: 1.234;
$var2: 2.345;

.element {
  width: ceil($var1); // 2
  height: ceil($var2); // 3
}

$var1: 1.234;
$var2: 2.345;

.element {
  width: floor($var1); // 1
  height: floor($var2); // 2
}

$var1: -10;
$var2: 20;

.element {
  width: abs($var1); // 10
  height: abs($var2); // 20
}

$var1: 10;
$var2: 20;
$var3: 30;

.element {
  width: max($var1, $var2, $var3); // 30
}

$var1: 10;
$var2: 20;
$var3: 30;

.element {
  width: min($var1, $var2, $var3); // 10
}

$var1: 0.25;
$var2: 0.5;

.element {
  width: percentage($var1); // 25%
  height: percentage($var2); // 50%
}

.element {
  width: random(); // 0 ~ 1のランダムな数値が返される
}