Less-CSS3-Mixins icon indicating copy to clipboard operation
Less-CSS3-Mixins copied to clipboard

Opacity's @op variable is cached.

Open miller-time opened this issue 12 years ago • 1 comments

In my project I am getting a lot of mismatched opacity levels. I inspected the generated CSS and found that "filter:alpha(opacity=x); != opacity:x;" for my calls to the ".opacity" mixin.

According to this Less Issue, the @op variable is getting cached, and I've applied the below fix to my project and it works.

https://github.com/cloudhead/less.js/issues/534

.opacity(@op:100)
{
    filter: alpha(opacity=@op);

needs to be changed to:

.opacity(@op:100)
{
    filter: ~"alpha(opacity=@{op})";

miller-time avatar Jan 17 '13 07:01 miller-time

Ack, realized this is fixed in your latest revision of the file...

I got the mixins from http://anthonyvscode.com/2010/11/15/simplify-css3-with-less-cssmix-ins/

miller-time avatar Jan 17 '13 07:01 miller-time