diff --git a/.changeset/strong-wolves-impress.md b/.changeset/strong-wolves-impress.md new file mode 100644 index 00000000..40c53389 --- /dev/null +++ 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 index 22ccda7f..c78721dc 100644 --- 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,