
Product
Rust Support Now in Beta
Socket's Rust support is moving to Beta: all users can scan Cargo projects and generate SBOMs, including Cargo.toml-only crates, with Rust-aware supply chain checks.
stylelint-selector-bem-pattern
Advanced tools
A stylelint plugin that harnesses the power of postcss-bem-linter
A stylelint plugin that incorporates postcss-bem-linter.
To learn more about postcss-bem-linter, please read that module's documentation.
npm install stylelint-selector-bem-pattern
Add it to your stylelint config plugins
array, then add "plugin/selector-bem-pattern"
to your rules,
specifying your postcss-bem-linter settings as the primary option.
Even though postcss-bem-linter has the default setting of { preset: 'suit' }
, this plugin has
no default setting: if you want to use the SUIT preset, you must pass { preset: 'suit' }
,
and the rule will not work if you do not pass a primary option object.
Like so:
// .stylelintrc
{
"plugins": [
"stylelint-selector-bem-pattern"
],
"rules": {
// ...
"plugin/selector-bem-pattern": {
"componentName": "[A-Z]+",
"componentSelectors": {
"initial": "^\\.{componentName}(?:-[a-z]+)?$",
"combined": "^\\.combined-{componentName}-[a-z]+$"
},
"utilitySelectors": "^\\.util-[a-z]+$"
},
// ...
}
}
For more examples of postcss-bem-linter configuration possibilities, please read that module's documentation. Keep in mind that if your stylelint config is JSON you will have to use strings to specify your selector patterns (as above).
FAQs
A stylelint plugin that harnesses the power of postcss-bem-linter
We found that stylelint-selector-bem-pattern demonstrated a not healthy version release cadence and project activity because the last version was released a year ago. It has 3 open source maintainers collaborating on the project.
Did you know?
Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.
Product
Socket's Rust support is moving to Beta: all users can scan Cargo projects and generate SBOMs, including Cargo.toml-only crates, with Rust-aware supply chain checks.
Product
Socket Fix 2.0 brings targeted CVE remediation, smarter upgrade planning, and broader ecosystem support to help developers get to zero alerts.
Security News
Socket CEO Feross Aboukhadijeh joins Risky Business Weekly to unpack recent npm phishing attacks, their limited impact, and the risks if attackers get smarter.