@massimo-cassandro/minimo 1.24.6 → 1.24.7

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@massimo-cassandro/minimo",
-  "version": "1.24.6",
+  "version": "1.24.7",
   "description": "Light css framework & utilities",
   "type": "module",
   "main": "./index.js",

package/src/components/modal-alert/modal-alert.module.css

@@ -129,7 +129,10 @@
 
 .mAnimated {
   transform: translateY(-500%);
-  animation: dialog-in .3s ease-out;
+
+  @media (prefers-reduced-motion: no-preference) {
+    animation: dialog-in .3s ease-out;
+  }
 
   &[open] {
     transform: none;

package/src/components/snackbar/snackbar.module.css

@@ -15,6 +15,7 @@
   border: var(--snackbar-outer-border);
   border-radius: var(--snackbar-outer-border-radius);
   box-shadow: var(--snackbar-outer-drop-shadow);
+
   animation: slide-in .3s cubic-bezier(.34, 1.56, .64, 1) forwards;
 
   &.isHiding {

package/src/components/unsplash-page/unsplash-page.module.css

@@ -196,9 +196,12 @@ html, body {
     cursor: w-resize;
     background-color: var(--uspg-icon-box-bg, var(--uspg-link-color, #fc0));
     border-radius: 50%;
-    /* transition: all .2s ease-in-out; */
-    /* duration | easing-function | delay | iteration-count | direction | name */
-    animation: .2s ease-in 2s 2 reverse icon-shaking;
+
+    @media (prefers-reduced-motion: no-preference) {
+      /* transition: all .2s ease-in-out; */
+      /* duration | easing-function | delay | iteration-count | direction | name */
+      animation: .2s ease-in 2s 2 reverse icon-shaking;
+    }
 
     @media (hover: hover) {
       &:hover {