Merge pull request #13 from Shopify/adds-support-for-reduced-motion

Adds support for prefers reduced motion
Shopify · Aug 25, 2017 · 7585549 · 7585549
2 parents fbe0409 + 4ae931c
commit 7585549
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 1 deletion.
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -5,6 +5,7 @@
 * Updated [stylelint-scss](https://github.com/kristerkari/stylelint-scss) from `1.4.x` to `^2.0.1`
 * Replaced deprecated `scss/at-mixin-no-argumentless-call-parentheses` rule with its equivalent `scss/at-mixin-argumentless-call-parentheses`
 * Updated `eslint-plugin-shopify` to the latest version, and updated ESLint to the appropriate version
+* Updates `media-feature-name-no-unknown` to ignore `prefers-reduced-motion`
 
 ## [2.0.1] - 2017-07-28
 

diff --git a/rules/media.js b/rules/media.js
@@ -10,7 +10,9 @@ module.exports = {
   // Specify lowercase or uppercase for media feature names.
   'media-feature-name-case': 'lower',
   // Disallow unknown media feature names.
-  'media-feature-name-no-unknown': true,
+  'media-feature-name-no-unknown': [true, {
+    ignoreMediaFeatureNames: ['prefers-reduced-motion'],
+  }],
   // Disallow vendor prefixes for media feature names.
   'media-feature-name-no-vendor-prefix': true,
   // Specify a whitelist of allowed media feature names