LESS mixin with multiple variables

Question

I'm trying to make a mixin with multiple variables in LESS, but for some reason it's not working. I have this LESS:

.rgbabg(@r: 0, @g: 0, @b: 0, @a: .5) {
  @val: rgba(@r, @g, @b, @a);

  background: @val;
}

I call it like this:

.rgbabg(255, 0, 0, .5);

But I don't get any background on my element at all. Is my syntax ok?

score 3 · Accepted Answer · answered Sep 21 '11 at 20:15

Your syntax of your mixin is fine, and it compiles fine. I tried it out in my LESS converter and it's all good. I applied the rule to a page for an a tag selector:

a {
  .rgbabg(255);
}

And it outputs:

a {
  background: rgba(255, 0, 0, 0.5);
}

which colors my links just like it sounds like it should.

What version of LESS are you compiling with - what platform and version of the complier? I wouldn't recommend the Ruby compiler as I don't think it's kept up much anymore, and all the cool new features and support are on the Javascript less.js project. If you're doing it in PHP or .NET then you should check with those projects respectively.

Thanks, we're using a library for our framework (CodeIgniter) and it seems the version of the compiler it uses is a bit outdated. — Gregory Bolkenstijn, Sep 22 '11 at 08:31

LESS mixin with multiple variables

1 Answers1