SCSS, SASSでの計算における丸め込み

2020年02月26日 11:50:21

2020年02月27日 17:03:59

$size: 100px;
$ratio: 1.618;
.area {
   width: $size * $ratio;
   height: $size;
}

↑の例だと確実にwidthに小数点が付く。

丸め込みのやり方は以下

.area {
   // 四捨五入
   width: round($size * $ratio);
   // 切り上げ
   width: ceil($size * $ratio);
   // 切り捨て
   width: floor($size * $ratio);
}