Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Doesn't understand selector lists #13

Open
hjri opened this issue Aug 4, 2020 · 0 comments
Open

Doesn't understand selector lists #13

hjri opened this issue Aug 4, 2020 · 0 comments

Comments

@hjri
Copy link

hjri commented Aug 4, 2020

here's stylelint config:

    "rscss/no-descendant-combinator": false,
    "rscss/class-format": [
      true,
      {
        "component": "pascal-case",
        "variant": "^-[a-z]\\w+",
        "element": "^[a-z]\\w+",
        "helper": "^fr-[a-z]\\w+"
      }
    ]

here's example code that breaks:

.Component {
  .elementA,
  .elementB {
     color: red
  }
}

It gives this error: Invalid component name: '.elementB' (rscss/class-format) (css-stylelint)
workaround is to do this:

.Component {
  & .elementA,
  & .elementB {
     color: red
  }
}

both ways are equivalent and produce same code

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

1 participant