Al igual que las funciones de string de SASS, SASS ofrece un conjunto simple de funciones para cambiar los valores numéricos , y estos valores funcionan de la manera que le gustaría. Tenga en cuenta que se pueden dar descriptores de valor CSS como «px» o «rem» a cada función excepto «porcentaje()». En ese caso, SASS ignorará las unidades y no se mostrarán en los resultados.
La siguiente tabla enumera todas las funciones numéricas en Sass:
Función | Descripción | Ejemplo |
---|---|---|
porcentaje (número) | Este método convierte un número sin unidad al porcentaje. Es decir, lo multiplica por 100. | porcentaje (2.5) Salida : 250 porcentaje (4em) Salida : error de sintaxis |
número redondeado) | Este método redondea el número al número entero más cercano. | redondo (2.25) Salida: 2 redondo (2.5) Salida: 3 |
techo (número) | Este método redondea el número al número entero más cercano. | techo (2.25) Salida: 3 |
numero de piso) | Este método redondea el número al número entero más cercano. | piso (2.25) Salida: 2 |
abdominales (número) | Este método devuelve el valor absoluto del número. | abs(2) Salida: 2 abs(-2) Salida: 2 |
min(números) | Este método devuelve el valor más pequeño de la lista de números. | min(4, 5, -7, 8, 2) Salida: -7 |
máximo (números) | Este método devuelve el valor más grande en la lista de números. | máx. (4, 5, -7, 8, 2) Salida: 8 |
random() | Este método devuelve un número aleatorio en el rango de [0, 1]. | random() Salida: 0.4965 |
aleatorio (límite) | Este método devuelve un número entero aleatorio en el rango de [1, límite]. | aleatorio(4) Salida: 2.4652 |