Linaria: stylelint complains about :global selector

[nhooyr]

// https://github.com/callstack/linaria/blob/60962090410ea3878f3c190817c1667a124d7df9/docs/BASICS.md#adding-global-styles
export const globalCSS = css`
  :global() {
    @import-sanitize;
  }
`

Running stylelint on the above code will give:

src/App.tsx
 9:3  ✖  Unexpected unknown pseudo-class selector ":global"   selector-pseudo-class-no-unknown

My stylelint config is:

extends:
  - stylelint-config-recommended
  - linaria/stylelint-config

[nhooyr]

:global(html) works. See #450

[nhooyr]

Nvm it doesn't, my bad.

[satya164]

We can probably add ignorePseudoClasses: ["global()"] in the default config

[paulrberg]

This also happens for :export.

[nhooyr]

Going to close as it has been a while and I'm not sure if this is relevant anymore.

[ricardo-teixeira]

For those who still have this problem, just add this rule to your .stylelintrc:

 "rules": {
    ...
    "selector-pseudo-class-no-unknown": [
      true,
      {
        "ignorePseudoClasses": ["global"]
      }
    ]
  }

Reference: https://stylelint.io/user-guide/configure#rules