Parsing Less Functions containing default values gets interpreted as Pseudo-Elements

[julkuh]

Hey,

parsing less functions containing default values for params (e.g.@animation-count:infinite) results in a Major SonarQube issue

Remove this usage of the unknown "linear" pseudo.

LESS-Sample

.animation (@animation-name, @animation-duration, @animation-count:infinte, @timing-function:linear){
   -webkit-animation: @animation-name @animation-duration @animation-count @timing-function;
    animation: @animation-name @animation-duration @animation-count @timing-function;
}

[racodond]

Hi @julkuh,

Could you please provide the full source code because I don't see any "linear" pseudo in you Less sample?

Thanks§

David

[julkuh]

I've updated the example above. Sorry.
The problem is the expression @myPropertyWithDefaultValue:someValue.
The colon between variable name and default value gets interpreted as the colo to identify pseudo classes in css (e.g. :hover).

[racodond]

Could you please provide a full code sample that can be interpreted by the SCSS parser: https://www.sassmeister.com/ ?

[julkuh]

As it is a LESS it will never be intepreted correctly by SCSS Parser ;)
But i'll prepared a working example at less2css.org/ for you

[racodond]

I'm a bit tired I guess :-)

[racodond]

@julkuh No need to prepare an example. I just switched my brain to Less mode and spotted the issue.

[julkuh]

That's really great 👍