Problem with rule unknown-less-functions

[szegi]

I started using this plugin and i see that it found an issue
with "extend" function

.maine-layout--selected:extend(.maine-layout) {
    color: @text-color-grey;
    .status-new, .status-old, .status-ignore {
        color: @text-color-grey;
    }
}

but it doesnt see problem with

.client-library__some-data {
    &:extend(.client-list__some-data);
}

from what i read, extend is less function from some time
http://lesscss.org/features/#extend-feature

[racodond]

Hi,

Which version of the plugin are you running?

David

[szegi]

right now version 4.14

[racodond]

Hi,

I cannot reproduce the issue.
Could you please provide the entire file as well a screenshot of the issue?

Thank you

David

[agabrys]

Hello @racodond,
I wrote a code which allows to reproduce the error:

The file is compiled successfully.

Environment:

• CSS / SCSS / Less plugin: 4.15
• SonarQube: 7.0

Example file:
https://github.com/agabrys/sonarqube-falsepositives/blob/master/src/main/less/d20180410/unknown-less-functions.less

Project:
https://github.com/agabrys/sonarqube-falsepositives

Build:
mvn clean package sonar

Best Regards

[racodond]

Thanks for the reproducer @agabrys!

It's a tricky bug related to at-rule parsing. The violation here is a side-effect from that parsing issue.
keyword: @media
prelude:

(max-width: 768px) {
    .navtab-info--dates {
        padding-left: 1%;
    }
}

.customization-form__variation-data, .customization-form__variation-menu {
    display: inline-block;
}

.client-library__some-data {
    &:extend(.client-list__some-data);
}

.variation-layout--selected:extend(.variation-layout) {
    color: #000;
    .status-active, .status-inactive, .status-ignore {
        color: #000;
    }
}

block: none

instead of

keyword: @media
prelude: (max-width: 768px)
block:

{
    .navtab-info--dates {
        padding-left: 1%;
    }
}

.customization-form__variation-data, .customization-form__variation-menu {
    display: inline-block;
}

.client-library__some-data {
    &:extend(.client-list__some-data);
}

.variation-layout--selected:extend(.variation-layout) {
    color: #000;
    .status-active, .status-inactive, .status-ignore {
        color: #000;
    }
}