property-no-unknown for deeper nested properties

stylelint-scss · Jan 16, 2024 · d910673 · d910673
1 parent d245813
commit d910673
Show file tree

Hide file tree

Showing 2 changed files with 17 additions and 7 deletions.
diff --git a/src/rules/property-no-unknown/__tests__/index.js b/src/rules/property-no-unknown/__tests__/index.js
@@ -105,6 +105,14 @@ testRule({
     {
       code: ".foo { border: { style: solid; } }",
       description: "ignore nested properties"
+    },
+    {
+      code: ".foo { border: { style: solid; } }",
+      description: "ignore nested properties"
+    },
+    {
+      code: ".foo { background: { position: { x: left; } } }",
+      description: "ignore deeper nested properties"
     }
   ]
 });

diff --git a/src/rules/property-no-unknown/index.js b/src/rules/property-no-unknown/index.js
@@ -97,14 +97,16 @@ function rule(primary, secondaryOptions) {
       }
 
       // Nested properties
-      if (
-        parent &&
-        isType(parent, "rule") &&
-        parent.selector &&
-        parent.selector[parent.selector.length - 1] === ":" &&
-        parent.selector.substring(0, 2) !== "--"
+      let pointer = parent;
+      while (
+        pointer &&
+        isType(pointer, "rule") &&
+        pointer.selector &&
+        pointer.selector[pointer.selector.length - 1] === ":" &&
+        pointer.selector.substring(0, 2) !== "--"
       ) {
-        prop = parent.selector.replace(":", "") + "-" + prop;
+        prop = pointer.selector.replace(":", "") + "-" + prop;
+        pointer = pointer.parent;
       }
 
       if (allValidProperties.has(prop.toLowerCase())) {