Don't replace top/right/bottom/left declarations with inset (#375)

Inset is only supported in iOS Safari 14.5+, which we can still potentially support
Shopify · Mar 29, 2023 · 7a0dcd1 · 7a0dcd1
1 parent 9078861
commit 7a0dcd1
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 3 deletions.
diff --git a/.changeset/strong-wolves-impress.md b/.changeset/strong-wolves-impress.md
@@ -0,0 +1,5 @@
+---
+'@shopify/stylelint-plugin': patch
+---
+
+Don't replace `top`/`right`/`bottom`/`left` declarations with `inset` shorthand as `inset` is only supported in iOS Safari 14.5+
diff --git a/packages/stylelint-plugin/index.js b/packages/stylelint-plugin/index.js
@@ -82,9 +82,7 @@ module.exports = {
     // Disallow longhand properties that can be combined into one shorthand property.
     'declaration-block-no-redundant-longhand-properties': [
       true,
-      {
-        ignoreShorthands: ['/^grid.*/'],
-      },
+      {ignoreShorthands: ['/^grid.*/', 'inset']},
     ],
     // Disallow shorthand properties that override related longhand properties within declaration blocks.
     'declaration-block-no-shorthand-property-overrides': true,