Modificar la opacidad alfa de la variable MENOS

171

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?

css variables less opacity alpha ben
fuente

Respuestas:

303

background: fade(@blue, 20%);

El nombre de la función fadeno está de alphaacuerdo con ese documento.

ScottS
fuente

¡Gracias! ¡Me he cansado de convertir todo a RGBA!

BillyNair

Estaba buscando oscurecer y aclarar ... Docs me llevó allí. Gracias

Estoy de acuerdo en que 'desvanecerse' no me parece exacto. Sass lo hace bien: alpha (), opacity () y rgba ().

Rich Finelli

Para el registro, fade()no funciona con vars CSS - es decirfade(var(--mycolor), 20%)

ed1nh0

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%);

Adrián Enríquez
fuente

Fadeout es exactamente lo que estaba buscando, ¡gracias!

maxime1992