lighten() function doesn't work with variables

[connectthink]

lighten() function doesn't work with variables

[adampatarino]

Are you using this inside a mixin?
Try without the : after your color variable, like:
background-color: lighten($color, 10%);

If not, I'll do some testing and see if we can fix this for you.

[fksr86]

sorry, that was just a mistype i did here.

yes, it's inside this mixin:

@mixin box($color) {
    background-color: lighten($color, 10%);
}

the compiling error indicates the line containing background-color: lighten($color, 10%); as the origin of the error.

although i tried it outside a mixin and the error was the same.

thanks!

[adampatarino]

I can't seem to recreate the error on my stack. Here's some questions that should help us track down the problem.

• Does the lighten function work anywhere for you? As in with a different property besides background-color.
• Have you instantiated the mixin somewhere using @include with a defined color variable?
• What is the value of your color variable? A hex, rgb, etc?
• Do other color functions work? darken(), saturate(), change-color() ?
• Does lighten() work with a hex value rather than a variable?
• What other properties are you defining in your mixin besides background-color?
• What settings are you using in the settings page?
• Lastly what version of php and wp are you running? You can check your php version with phpinfo().

[fksr86]

don't know if it was a cache problem on my server, but today it seems it's working after updated scssphp. i've tested it in a mixin, outside a mixin, in other color functions, always with hex colors, and everything seems ok. sorry to bother and thanks for the great plugin.

[adampatarino]

Sure! Glad you figured it out.
Let us know if we can help with anything else.