SASS |数字函数

原文:https://www.geeksforgeeks.org/sass-numeric-functions/

就像 SASS 字符串函数一样,SASS 给出了一组简单的函数来更改数值,这些值按照您希望的方式工作。请注意,除了“percent()”之外,可以给每个函数赋予 CSS 值描述符,如“px”或“rem”。在这种情况下,SASS 将忽略这些单位,它们不会显示在结果中。

下表列出了 Sass 中的所有数值函数:

功能 描述 例子
百分比(数字) 此方法将无单位数字转换为百分比。意思是,乘以 100。 百分比(2.5)
输出 : 250
百分比(4em)
输出:语法错误
圆形(数字) 此方法将数字舍入到最接近的整数。 回合(2.25)
输出: 2
回合(2.5)
T5】输出: 3
天花板(数量) 此方法将数字向上舍入到最接近的整数。 上限(2.25)
输出: 3
楼层(号码) 此方法将数字向下舍入到最接近的整数。 楼层(2.25)
输出: 2
abs(数字) 此方法返回数字的绝对值。 abs(2)
输出:2
ABS(-2)
T5】输出: 2
最小值(数字) 此方法返回数字列表中的最小值。 min(4,5,-7,8,2)
输出: -7
最大值(数字) 此方法返回数字列表中最大的值。 最大值(4,5,-7,8,2)
输出: 8
随机() 此方法返回一个范围为[0,1]的随机数。 随机()
输出: 0.4965
随机(极限) 此方法返回一个在[1,limit]范围内的随机整数。 随机(4)
输出: 2.4652