SASS | Funciones numéricas

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

Publicación traducida automáticamente

Artículo escrito por Slash_IT y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *