Rules

To make navigation easier and open a door for future additions, rules are grouped into categories based on their scope and intended use:

📏 Base General best practices that are not tied to any particular methodology or preprocessor
no-selectors-in-at-rules	Disallows placing rules (selectors) inside at-rules.
📦 BEM Rules specific to the BEM methodology
block-variable	Requires the component's root selector to define a variable referencing the block name.	🔧
match-file-name	Requires the file name to begin with the name of the BEM block it represents.
no-block-properties	Prevents layout-affecting CSS properties within BEM block selectors.
no-chained-entities	Disallows splitting BEM entities across multiple chained `&` selectors in SCSS.
no-side-effects	Disallows selectors that apply styles outside the scope of the current BEM block.
selector-pattern	Enforces naming patterns for BEM entities.
🪄 SASS Rules focused on SASS/SCSS syntax and features
no-unused-variables	Reports SASS variables that are declared but not used.