fix: allow & to appear at the top when inside a :global(...)
#13215
Conversation
It's a valid CSS rule, which means "select the scope root": https://developer.mozilla.org/en-US/docs/Web/CSS/Nesting_selector#using_outside_nested_rule
|
| children[0].children[0].selectors.length > 1 || | ||
| children[0].children[0].selectors[0].type !== 'PseudoClassSelector' || | ||
| children[0].children[0].selectors[0].name !== 'global' || | ||
| children[0].children[0].selectors[0].args?.children[0]?.children[0].selectors[0] !== node |
There was a problem hiding this comment.
This can be written out better surely?
There was a problem hiding this comment.
Speaking of which...is the css AST a standard? It's a nightmare to work with it because everything is nested a 1000 level deep
There was a problem hiding this comment.
It's modeled after the css-tree AST AFAIK; to my knowledge there's no real standard when it comes to CSS ASTs
This can be written out better surely?
moved the chain into a variable, but apart from that I don't see much more room to make it better - do you?
It's a valid CSS rule, which means "select the scope root": https://developer.mozilla.org/en-US/docs/Web/CSS/Nesting_selector#using_outside_nested_rule
Found out while reading up more on
&as part of #13209Before submitting the PR, please make sure you do the following
feat:,fix:,chore:, ordocs:.Tests and linting
pnpm testand lint the project withpnpm lint