Fix false positives for container queries in *-no-unknown (#6318)

stylelint · Sep 3, 2022 · 2b17f21 · 2b17f21
1 parent 4401602
commit 2b17f21
Show file tree

Hide file tree

Showing 4 changed files with 19 additions and 0 deletions.
diff --git a/.changeset/spicy-toes-rule.md b/.changeset/spicy-toes-rule.md
@@ -0,0 +1,5 @@
+---
+"stylelint": patch
+---
+
+Fixed: `*-no-unknown` false positives for container queries
diff --git a/lib/reference/atKeywords.js b/lib/reference/atKeywords.js
@@ -28,6 +28,7 @@ const atKeywords = uniteSets(pageMarginAtKeywords, [
 	'apply',
 	'character-variant',
 	'charset',
+	'container',
 	'counter-style',
 	'custom-media',
 	'custom-selector',

diff --git a/lib/reference/units.js b/lib/reference/units.js
@@ -39,6 +39,13 @@ const lengthUnits = new Set([
 	'mozmm',
 	// Flexible length units
 	'fr',
+	// Container query units
+	'cqw',
+	'cqh',
+	'cqi',
+	'cqb',
+	'cqmin',
+	'cqmax',
 ]);
 
 const units = uniteSets(lengthUnits, [

diff --git a/lib/rules/at-rule-no-unknown/__tests__/index.js b/lib/rules/at-rule-no-unknown/__tests__/index.js
@@ -10,6 +10,12 @@ testRule({
 		{
 			code: "@charset 'UTF-8';",
 		},
+		{
+			code: '@container (min-width: 700px)',
+		},
+		{
+			code: '@CONTAINER (min-width: 500px)',
+		},
 		{
 			code: "@CHARSET 'UTF-8';",
 		},