Add object-* and image-* properties (#357)

stormwarning · Feb 7, 2024 · 4a5372e · 4a5372e
1 parent ea69a74
commit 4a5372e
Show file tree

Hide file tree

Showing 2 changed files with 19 additions and 3 deletions.
diff --git a/.changeset/two-candles-jog.md b/.changeset/two-candles-jog.md
@@ -0,0 +1,11 @@
+---
+'stylelint-config-recess-order': minor
+---
+
+Add `object-*` and `image-*` properties
+
+-   [`object-fit`](https://developer.mozilla.org/en-US/docs/Web/CSS/object-fit)
+-   [`object-position`](https://developer.mozilla.org/en-US/docs/Web/CSS/object-position)
+-   [`image-orientation`](https://developer.mozilla.org/en-US/docs/Web/CSS/image-orientation)
+-   [`image-rendering`](https://developer.mozilla.org/en-US/docs/Web/CSS/image-rendering)
+-   [`image-resolution`](https://developer.mozilla.org/en-US/docs/Web/CSS/image-resolution)
diff --git a/groups.js b/groups.js
@@ -265,8 +265,15 @@ const propertyGroups = [
 		],
 	},
 	{
-		// Background & Borders.
+		// Images, backgrounds, & borders.
 		properties: [
+			'object-fit',
+			'object-position',
+			'-ms-interpolation-mode',
+			'image-orientation',
+			'image-rendering',
+			'image-resolution',
+
 			'background',
 			'background-color',
 			'background-image',
@@ -348,7 +355,6 @@ const propertyGroups = [
 			'filter:progid:DXImageTransform.Microsoft.Alpha(Opacity',
 			"-ms-filter:\\'progid:DXImageTransform.Microsoft.Alpha",
 			'opacity',
-			'-ms-interpolation-mode',
 		],
 	},
 	{
@@ -400,7 +406,6 @@ const propertyGroups = [
 			'color-rendering',
 			'flood-color',
 			'flood-opacity',
-			'image-rendering',
 			'lighting-color',
 			'marker-start',
 			'marker-mid',