griffel icon indicating copy to clipboard operation
griffel copied to clipboard

lint: forbid comma separated selectors in selectors

Open layershifter opened this issue 1 year ago • 2 comments

We need add a ESLint rule that will forbid :hover,:active selectors.

makeStyles({
  root: {
     // 🟢 should pass
    ":hover": { color: "red" },
    ":active": { color: "blue" },
    // 🔴 should break
    ":hover,:active": { color: "blue" },
  },
});

For context, https://github.com/microsoft/griffel/discussions/495.

layershifter avatar Jan 26 '24 12:01 layershifter