Fix declaration-property-value-no-unknown false positives for gradient(in color space) of background #8610
Description
What minimal example or steps are needed to reproduce the bug?
a {
background: linear-gradient(in hsl longer hue, red, red);
background: radial-gradient(in hsl longer hue, red, red);
background: conic-gradient(in hsl longer hue, red, red);
background: repeating-linear-gradient(in hsl longer hue, red, red 50px);
background: repeating-radial-gradient(in hsl longer hue, red, red 50px);
background: repeating-conic-gradient(in hsl longer hue, red, red 50px);
background-image: linear-gradient(in hsl longer hue, red, red);
background-image: radial-gradient(in hsl longer hue, red, red);
background-image: conic-gradient(in hsl longer hue, red, red);
background-image: repeating-linear-gradient(in hsl longer hue, red, red 50px);
background-image: repeating-radial-gradient(in hsl longer hue, red, red 50px);
background-image: repeating-conic-gradient(in hsl longer hue, red, red 50px);
}What minimal configuration is needed to reproduce the bug?
{
"rules": {
"declaration-property-value-no-unknown": true
}
}How did you run Stylelint?
Which Stylelint-related dependencies are you using?
{
"stylelint": "16.20.0"
}What did you expect to happen?
No problems to be reported.
What actually happened?
It doesn't support interpolation color space feature (e.g. in hsl, in oklch, in srgb) in gradient functions.
However, it is interesting that linear-gradient is working fine and no error reported.
The following problems were reported:
example.css
3:14-58 error Unexpected unknown value "radial-gradient(in hsl longer hue, red, red)" for property "background" (declaration-property-value-no-unknown)
4:14-57 error Unexpected unknown value "conic-gradient(in hsl longer hue, red, red)" for property "background" (declaration-property-value-no-unknown)
5:14-73 error Unexpected unknown value "repeating-linear-gradient(in hsl longer hue, red, red 50px)" for property "background" (declaration-property-value-no-unknown)
6:14-73 error Unexpected unknown value "repeating-radial-gradient(in hsl longer hue, red, red 50px)" for property "background" (declaration-property-value-no-unknown)
7:14-72 error Unexpected unknown value "repeating-conic-gradient(in hsl longer hue, red, red 50px)" for property "background" (declaration-property-value-no-unknown)
10:20-64 error Unexpected unknown value "radial-gradient(in hsl longer hue, red, red)" for property "background-image" (declaration-property-value-no-unknown)
11:20-63 error Unexpected unknown value "conic-gradient(in hsl longer hue, red, red)" for property "background-image" (declaration-property-value-no-unknown)
12:20-79 error Unexpected unknown value "repeating-linear-gradient(in hsl longer hue, red, red 50px)" for property "background-image" (declaration-property-value-no-unknown)
13:20-79 error Unexpected unknown value "repeating-radial-gradient(in hsl longer hue, red, red 50px)" for property "background-image" (declaration-property-value-no-unknown)
14:20-78 error Unexpected unknown value "repeating-conic-gradient(in hsl longer hue, red, red 50px)" for property "background-image" (declaration-property-value-no-unknown)
Do you have a proposal to fix the bug?
Update syntax in CSSTree.