How to use CSS function instead of LESS function?

Question

I'm using LESS for a project and I'm trying to use the saturate() method of the CSS filter property (which takes a decimal or percent as an argument), however I can't get it working because LESS is trying to compile it using its own saturate() method, which takes a color as the argument.

Is there a way I can instruct the LESS compiler to treat the saturate() method as the vanilla CSS version, instead of the LESS version?

What Less compiler do you use? The reference one (version 1.5.x and higher) can perfectly distinguish between either form by their parameters (e.g. saturate(#123, 50%); -> built-in function and saturate(50%);-> CSS function). — seven-phases-max
– seven-phases-max, Commented May 1, 2014 at 15:57

Alex Leu · Accepted Answer · 2014-05-01 01:21:07Z

3

You do it kind of like this:

-webkit-filter: ~"saturate(" 50% ~")";

Cheers!

answered May 1, 2014 at 1:21

Alex Leu

334 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

blabus · Accepted Answer · 2014-07-02 23:42:37Z

1

I discovered the solution, I needed to escape both the outer property value as well as the inner expression inside the parentheses.

-webkit-filter: ~"saturate(~"50%")";

answered Jul 2, 2014 at 23:42

blabus

8454 gold badges15 silver badges25 bronze badges

Collectives™ on Stack Overflow

How to use CSS function instead of LESS function?

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related