Rule Change: Allow relative color syntax for <color>

[amxmln]

What rule do you want to change?

css/no-invalid-properties

What change do you want to make?

Generate fewer warnings

How do you think the change should be implemented?

A new default behavior

Example code

background-color: rgb(from currentColor r g b / 0.1)

What does the rule currently do for this code?

This code currently gets flagged as incorrect, as from is not recognised as a valid property.

What will the rule do after it's changed?

The rule should allow for relative color syntax.

Participation

• I am willing to submit a pull request to implement this change.

Additional comments

Please feel free to recategorise if I didn’t sort this into the right section, it just seemed to make the most sense. I’m surprised the issue wasn’t reported yet, however, I couldn’t find any references to it in other issues. If this is already known, I apologise.

[snitin315]

Definitely a bug, this is valid syntax. Reference. Marking as accepted. I'm working on a fix.

/* eslint css/no-invalid-properties: "error" */

a {
    background-color: rgb(from currentColor r g b / 0.1); // Error
}

[SwetaTanwar]

@snitin315 Are you still working on this? If not, can I take this up?

[snitin315]

@SwetaTanwar sure, all yours.

[nzakas]

@SwetaTanwar it's likely that this needs to be fixed in @eslint/css-tree rather than the plugin, because the plugin is just reporting syntax errors from CSSTree.

[snitin315]

Yes, we need to fix it in @eslint/csstree and then we can update the package in this repo and add a test case