Ajout de @media (prefers-reduced-motion: reduce)

bower.json

@@ -1,6 +1,6 @@
 {
   "name": "KNACSS",
-  "version": "7.1.1",
+  "version": "7.1.2",
   "homepage": "http://www.knacss.com/",
   "authors": [
     "Raphaël GOETTER, Alsacreations"

changelog.md

@@ -1,3 +1,6 @@
+# changelog v7.1.2 (30 janvier 2019)
+- ajout de la règle `@media (prefers-reduced-motion: reduce)`
+
 # changelog v7.1.1 (10 decembre 2018)
 - patch correctif de gulpfile
 

css/knacss-unminified.css

@@ -385,6 +385,16 @@ template {
 /* ----------------------------- */
 /* ==Base (basic styles)         */
 /* ----------------------------- */
+/* disable animations styles when reduced rotion is enabled */
+@media (prefers-reduced-motion: reduce) {
+  * {
+    -webkit-animation: none !important;
+            animation: none !important;
+    -webkit-transition: none !important;
+    transition: none !important;
+  }
+}
+
 /* switching to border-box model for all elements */
 html {
   -webkit-box-sizing: border-box;

gulpfile.js

@@ -45,21 +45,6 @@ var pluginsProd = [
     cssnano()
 ];
 
-
-// tâche CSS = compile vers knacss.css et knacss-unminified.css
-// gulp.task('css', function () {
-//   return gulp.src('./sass/knacss.scss')
-//     .pipe(sass({
-//       outputStyle: 'expanded' // CSS non minifiée plus lisible ('}' à la ligne)
-//     }))
-//     .pipe(postcss(plugins))
-//     .pipe(rename('knacss-unminified.css'))
-//     .pipe(gulp.dest('./css/'))
-//     .pipe(rename('knacss.css'))
-//     //.pipe(postcss(cssnano()))
-//     .pipe(gulp.dest('./css/'));
-// });
-
 // tâche cssDev = compile vers knacss-unminified.css
 gulp.task('cssDev', function () {
   return gulp.src('./sass/knacss.scss')

sass/_library/_base.scss

@@ -2,6 +2,14 @@
 /* ==Base (basic styles)         */
 /* ----------------------------- */
 
+/* disable animations styles when reduced rotion is enabled */
+@media (prefers-reduced-motion: reduce) {
+  * {
+    animation: none !important;
+    transition: none !important;
+  }
+}
+
 /* switching to border-box model for all elements */
 html {
   box-sizing: border-box;

sass/knacss.scss

@@ -1,5 +1,5 @@
 /*!
-* www.KNACSS.com v7.1.1 (december, 10 2018) @author: Alsacreations, Raphael Goetter
+* www.KNACSS.com v7.1.2 (january, 30 2019) @author: Alsacreations, Raphael Goetter
 * Licence WTFPL http://www.wtfpl.net/
 */