Usando LESS, sé que puedo cambiar la saturación o el tinte de una variable de color. Eso se ve así:
background: lighten(@blue, 20%);Sin embargo, quiero cambiar la opacidad alfa de mi color. Preferiblemente así:
background: alpha(@blue, 20%);¿Hay una manera simple de hacer esto en MENOS?
Respuestas:
La documentación del sitio da la respuesta:
background: fade(@blue, 20%);El nombre de la función fadeno está de alphaacuerdo con ese documento.
fade()no funciona con vars CSS - es decirfade(var(--mycolor), 20%)
desvanecerse
Establecer la transparencia absoluta de un color. Se puede aplicar a los colores si ya tienen un valor de opacidad o no.
background: fade(@blue, 20%);fundirse
Disminuya la transparencia (o aumente la opacidad) de un color, haciéndolo más opaco.
background: fadein(@blue, 80%);desvanecimiento
Aumente la transparencia (o disminuya la opacidad) de un color, haciéndolo menos opaco. Para desvanecerse en la otra dirección use fadein.
background: fadeout(@blue, 20%);