CSS validation doesn’t work inside @media rules

[sunknudsen]

I use the vscode-styled-components plugin which relies on typescript-styled-plugin.

In the following example, the first foo: 40px; throws a validation error, but not the second. Is this a known limitation or a bug?

Unknown property: 'foo'ts-styled-plugin(9999)

const Test = styled.div`
  foo: 40px;
  @media screen and (min-width: 640px) {
    foo: 40px;
  }
`

[kkkasio]

I have the same problem. whenever I write in a media query, auto complete does not work!

Following the documentation write inside the CSS tag https://github.com/Microsoft/typescript-styled-plugin#tags

however, when I write inside a media, nothing works!

[mjbvz]

Closing as this package has been deprecated in favor of the official styled-components/typescript-styled-plugin fork

After updating to that fork, follow up in the styled-components repo if this is still an issue