fix: css nesting and pure mode

Author: alexander-akait

src/index.js

@@ -516,6 +516,18 @@ const isPureSelector = (context, rule) => {
   return !context.hasPureGlobals || isPureSelector(context, rule.parent);
 };
 
+const isNodeWithoutDeclarations = (rule) => {
+  if (rule.nodes.length > 0) {
+    return !rule.nodes.every(
+      (item) =>
+        item.type === "rule" ||
+        (item.type === "atrule" && !isNodeWithoutDeclarations(item))
+    );
+  }
+
+  return true;
+};
+
 module.exports = (options = {}) => {
   if (
     options &&
@@ -670,12 +682,8 @@ module.exports = (options = {}) => {
 
             if (
               isNotPure &&
-              !ignoreComment &&
-              (rule.nodes.length > 0
-                ? !rule.nodes.every(
-                    (item) => item.type === "rule" || item.type === "atrule"
-                  )
-                : true)
+              isNodeWithoutDeclarations(rule) &&
+              !ignoreComment
             ) {
               throw rule.error(
                 'Selector "' +

test/index.test.js

@@ -1574,7 +1574,42 @@ const tests = [
   {
     name: "css nesting - throw #5",
     input:
-      "html { button { div { div { div { @media screen and (min-width: 900px) { color: red } } } } } }",
+      "html { div { @media screen and (min-width: 900px) { color: red } } }",
+    options: { mode: "pure" },
+    error: /is not pure/,
+  },
+  {
+    name: "css nesting - throw #6",
+    input:
+      "html { div { @media screen and (min-width: 900px) { @media screen and (min-width: 900px) { color: red } } } }",
+    options: { mode: "pure" },
+    error: /is not pure/,
+  },
+  {
+    name: "css nesting - throw #7",
+    input:
+      "html { div { @media screen and (min-width: 900px) { .a { } @media screen and (min-width: 900px) { color: red } } } }",
+    options: { mode: "pure" },
+    error: /is not pure/,
+  },
+  {
+    name: "css nesting - throw #7",
+    input:
+      "html { div { @media screen and (min-width: 900px) { .a { a_value: some-value; } @media screen and (min-width: 900px) { color: red } } } }",
+    options: { mode: "pure" },
+    error: /is not pure/,
+  },
+  {
+    name: "css nesting - throw #8",
+    input: `
+@media screen and (min-width: 900px) {
+  .a { a_value: some-value; }
+  @media screen and (min-width: 900px) {
+    div {
+      color: red
+    }
+  }
+}`,
     options: { mode: "pure" },
     error: /is not pure/,
   },