Add ignoreAtRules to property-no-unknown

lib/rules/property-no-unknown/README.md

@@ -127,6 +127,27 @@ The following patterns are _not_ considered violations:
 }
 ```
 
+### `ignoreAtRules: ["/regex/", /regex/, "string"]`
+
+Skips checking properties of the given at-rules
+
+Given:
+
+```
+["supports"]
+```
+
+The following patterns are _not_ considered violations:
+
+<!-- prettier-ignore -->
+```css
+@supports(display: my-property) {
+    div {
+        display: my-property;
+    }
+}
+```
+
 ### `checkPrefixed: true | false` (default: `false`)
 
 If `true`, this rule will check vendor-prefixed properties.

lib/rules/property-no-unknown/__tests__/index.js

@@ -360,3 +360,64 @@ testRule({
 		},
 	],
 });
+
+testRule({
+	ruleName,
+	config: [true, { ignoreAtRules: ['media', '/^my-/'] }],
+
+	accept: [
+		{
+			code: 'a { @media { foo: 1 } }',
+		},
+		{
+			code: 'a { b { @media { foo: 1 }}}',
+		},
+		{
+			code: 'a { @my-at-rule { foo: 1 } }',
+		},
+		{
+			code: 'a { @my-other-at-rule { foo: 1 } }',
+		},
+	],
+
+	reject: [
+		{
+			code: 'a { @import { foo: 1; } }',
+			message: messages.rejected('foo'),
+			line: 1,
+			column: 15,
+		},
+		{
+			code: 'a { @my_at_rule { foo: 1; } }',
+			message: messages.rejected('foo'),
+			line: 1,
+			column: 19,
+		},
+		{
+			code: 'a { foo: 1; }',
+			message: messages.rejected('foo'),
+			line: 1,
+			column: 5,
+		},
+	],
+});
+
+testRule({
+	ruleName,
+	config: [true, { ignoreAtRules: [/^my-/] }],
+
+	accept: [
+		{
+			code: 'a { @my-at-rule foobar { foo: 1; } }',
+		},
+	],
+
+	reject: [
+		{
+			code: 'a { @my_at_rule foobar { foo: 1; } }',
+			message: messages.rejected('foo'),
+			line: 1,
+			column: 26,
+		},
+	],
+});

lib/rules/property-no-unknown/index.js

@@ -33,6 +33,7 @@ function rule(actual, options) {
 					ignoreProperties: [_.isString, _.isRegExp],
 					checkPrefixed: _.isBoolean,
 					ignoreSelectors: [_.isString, _.isRegExp],
+					ignoreAtRules: [_.isString, _.isRegExp],
 				},
 				optional: true,
 			},
@@ -44,7 +45,9 @@ function rule(actual, options) {
 
 		const shouldCheckPrefixed = _.get(options, 'checkPrefixed');
 
-		root.walkDecls((decl) => {
+		root.walkDecls(checkStatement);
+
+		function checkStatement(decl) {
 			const prop = decl.prop;
 
 			if (!isStandardSyntaxProperty(prop)) {
@@ -67,12 +70,16 @@ function rule(actual, options) {
 				return;
 			}
 
-			const { selector } = decl.parent;
+			const { selector, name } = decl.parent;
 
 			if (selector && optionsMatches(options, 'ignoreSelectors', selector)) {
 				return;
 			}
 
+			if (name && optionsMatches(options, 'ignoreAtRules', name)) {
+				return;
+			}
+
 			if (allValidProperties.has(prop.toLowerCase())) {
 				return;
 			}
@@ -83,7 +90,7 @@ function rule(actual, options) {
 				result,
 				ruleName,
 			});
-		});
+		}
 	};
 }