stylelint-config: Resolve nested selectors with selector-class-pattern (

#10563) changelog: Internal, Build Tooling, Resolve nested selectors with Stylelint selector-class-pattern configuration
18F · May 7, 2024 · a349b66 · a349b66
1 parent 5d858cd
commit a349b66
Show file tree

Hide file tree

Showing 3 changed files with 8 additions and 1 deletion.
diff --git a/app/javascript/packages/stylelint-config/CHANGELOG.md b/app/javascript/packages/stylelint-config/CHANGELOG.md
@@ -1,3 +1,9 @@
+## 4.1.0
+
+### Improvements
+
+- The `selector-class-pattern` configuration now specifies [`resolveNestedSelectors: true`](https://stylelint.io/user-guide/rules/selector-class-pattern/#resolvenestedselectors-true--false-default-false) to resolve nested selectors using `&` interpolation.
+
 ## 4.0.0
 
 ### Breaking Changes

diff --git a/app/javascript/packages/stylelint-config/index.js b/app/javascript/packages/stylelint-config/index.js
@@ -12,6 +12,7 @@ module.exports = {
       {
         message:
           'Class selectors should be named using "Two Dashes Style" BEM format. See: https://en.bem.info/methodology/naming-convention/#two-dashes-style',
+        resolveNestedSelectors: true,
       },
     ],
   },

diff --git a/app/javascript/packages/stylelint-config/package.json b/app/javascript/packages/stylelint-config/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@18f/identity-stylelint-config",
-  "version": "4.0.0",
+  "version": "4.1.0",
   "private": false,
   "description": "Stylelint shareable configuration for Login.gov CSS/SASS standards",
   "exports": {
-Original file line number
+Diff line change
@@ Expand Up / @@ -12,6 +12,7 @@ module.exports = { @@
           {
             message:
               'Class selectors should be named using "Two Dashes Style" BEM format. See: https://en.bem.info/methodology/naming-convention/#two-dashes-style',
+            resolveNestedSelectors: true,
           },
         ],
       },
@@ Expand Down @@