coloralpha

[yukulele]

hi,
I suggest a 'coloralpha' function to add alpha channel to color :

exemple :

LESS input :

body
{
     background-color : coloralpha(#ffcc00 , 0.5);
     color : coloralpha(blue , 0.3);
}

CSS output :

body
{
     background : rgba(255 , 204 , 0 , 0.5);
     color : rgba(0 , 0 , 255 , 0.3
}

actualy I need to do this ugly workaround :

body
{
     @col:#ffcc00
     background : hsla(hue(@col) , saturation(@col) , lightness(@col) , 0.5);
     color : hsla(hue(red) , saturation(red) , lightness(red) , 0.5);
}

[cloudhead]

It's called fade, sorry it's not in the docs: fade(blue, 50%)

[yukulele]

Nice !

Maybe it would be better to use 0-1 based value if their is no '%' char (like some standard css property : opacity, rgba, shla, gradient...)

exemple : fade(red,25%) = fade(red,0.25)
idem for all "%" functions (lighten, darken, saturate, desaturate, fadeout...)

[cloudhead]

yea, good idea, will look into that.

[StreetStrider]

Hmm, I'm completely agree with topic starter. It is good to see this issue answered. Not having a simple alpha function is a pain. Here's two things I want to note (imo):

1. It should use [0..1] value for alpha.
2. Value should be absolute.

For now when I want to mix alpha in color I'm using something (not so pretty construction) like this:

rgba(red(@color), green(@color), blue(@color), @opacity)

Thanks. I'll look into this thread sometimes.

[seven-phases-max]

@StreetStrider see fade.

1. To use [0...1] value just write it as color: fade(@color, @opacity * 100%);.
2. The value is absolute.
   Also see Better hex to rgba conversation #1665.

[StreetStrider]

@seven-phases-max, thanks, I didn't notice that before, only fadein, fadeout.
Thanks for the heads up too.