Bug: Errors reported when CSS variables are defined with certain legal values

[tmb-github]

'none' is a valid value for 'transform': https://developer.mozilla.org/en-US/docs/Web/CSS/transform#syntax
'inherit' is a valid value for 'margin': https://developer.mozilla.org/en-US/docs/Web/CSS/margin#syntax

Setting the 1st and 2nd CSS variables to 'none' and 'inherit' respectively causes the validator to issue errors for those values:

:root {
    --list-transform: none;
    --list-margin: inherit;
}

.list-transform {
    transform: var(--list-transform);
}

.list-margin {
    margin: var(--list-margin);
}

Using different values for those CSS variables eliminates the error reporting:

:root {
    --list-transform: matrix(1.0, 2.0, 3.0, 4.0, 5.0, 6.0);
    --list-margin: 1em;
}

.list-transform {
    transform: var(--list-transform);
}

.list-margin {
    margin: var(--list-margin);
}

The absence of the variable definitions also eliminates the error reporting:

.list-transform {
    transform: var(--list-transform);
}

.list-margin {
    margin: var(--list-margin);
}

[ylafon]

Thanks again for the very detailed bug report.

[tmb-github]

@ylafon You're most welcome. Thanks for maintaining this validator. I wish you could nudge the maintainer of the https://validator.w3.org/nu/ validator to fix some HTML bugs I've noted there. (That validator is also not responding to the presence of an 8th parameter in the animation shorthand property setting, and yet I believe he wrote that his validator pulls its CSS validation from yours...but obviously not yet :-( )

[sideshowbarker]

@ylafon You're most welcome. Thanks for maintaining this validator. I wish you could nudge the maintainer of the validator.w3.org/nu validator to fix some HTML bugs I've noted there. (That validator is also not responding to the presence of an 8th parameter in the animation shorthand property setting, and yet I believe he wrote that his validator pulls its CSS validation from yours...but obviously not yet :-( )

Please try it now

[tmb-github]

@sideshowbarker Wonderful! Now it does work. Could you also get it to validate:

<link rel=preload as=image href=images/home/landing-image-set/a01/a01.20210330223318.webp imagesrcset="images/home/landing-image-set/a01/a01-683px.20210330223318.webp 683w, images/home/landing-image-set/a01/a01-768px.20210330223318.webp 768w, images/home/landing-image-set/a01/a01-804px.20210330223318.webp 804w, images/home/landing-image-set/a01/a01-918px.20210330223318.webp 918w, images/home/landing-image-set/a01/a01-1024px.20210330223317.webp 1024w, images/home/landing-image-set/a01/a01-1225px.20210330223317.webp 1225w" imagesizes="(max-width: 579.98px) 85vw, 50vw">

It still reports: "Attribute imagesrcset not allowed on element link at this point."