Unknown custom properties inside @media

[pepelsbey]

In the following file --list-scale property is marked as unknown though it works fine in browsers:

.shower.list {

    position: absolute;
    clip: rect(0 auto auto 0);

    margin: 0;
    padding-top: calc(
        var(--slide-width) *
        var(--list-gutter) *
        var(--list-scale));
    padding-left: calc(
        var(--slide-width) *
        var(--list-gutter) *
        var(--list-scale));

    display: flex;
    flex-wrap: wrap;

    background: #666;

    }

/* Scale */

@media (min-width: 1120px) {
    .shower.list {
        --list-scale: 0.5;
        }
    }
@media (min-width: 2240px) {
    .shower.list {
        --list-scale: 1;
        }
    }

[lahmatiy]

Thank you for issue.
This is a problem not only @media but in general. Custom properties should be ignored by syntax checker.

[pepelsbey]

Thank you for the quick fix! Looking forward for Atom plugin update ;)

[smelukov]

@pepelsbey The Atom plugin has updated! 🎉

[pepelsbey]

Nice, thank you :)