@massimo-cassandro/minimo 1.24.5 → 1.24.6

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (6) hide show
  1. package/package.json +1 -1
  2. package/src/components/autocomplete/autocomplete.css +4 -1
  3. package/src/components/modal-popup/modal-popup.module.css +4 -1
  4. package/src/components/slide-up-down-toggle/slide-up-down-toggle.module.css +6 -3
  5. package/src/components/unsplash-page/unsplash-page.module.css +8 -2
  6. package/src/css/forms/switch.css +5 -3
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@massimo-cassandro/minimo",
3
- "version": "1.24.5",
3
+ "version": "1.24.6",
4
4
  "description": "Light css framework & utilities",
5
5
  "type": "module",
6
6
  "main": "./index.js",
package/src/components/autocomplete/autocomplete.css CHANGED
@@ -54,7 +54,10 @@
54
54
  padding: .3rem .5rem;
55
55
  background-color: var(--ac-list-item-bg);
56
56
  border-radius: .35rem;
57
- transition: all .2s ease;
57
+
58
+ @media screen and (prefers-reduced-motion: no-preference) {
59
+ transition: all .2s ease;
60
+ }
58
61
 
59
62
  .badge {
60
63
  color: #fff;
package/src/components/modal-popup/modal-popup.module.css CHANGED
@@ -21,7 +21,10 @@
21
21
  border-radius: var(--mpopup-border-radius);
22
22
  box-shadow: var(--mpopup-drop-shadow);
23
23
  scale: 0;
24
- transition: scale .2s ease-out;
24
+
25
+ @media screen and (prefers-reduced-motion: no-preference) {
26
+ transition: scale .2s ease-out;
27
+ }
25
28
 
26
29
  &::backdrop {
27
30
  overscroll-behavior: contain;
package/src/components/slide-up-down-toggle/slide-up-down-toggle.module.css CHANGED
@@ -56,9 +56,12 @@
56
56
  display: block !important;
57
57
  height: auto;
58
58
  overflow: hidden;
59
- transition:
60
- height var(--slide-duration) ease,
61
- display var(--slide-duration) allow-discrete;
59
+
60
+ @media screen and (prefers-reduced-motion: no-preference) {
61
+ transition:
62
+ height var(--slide-duration) ease,
63
+ display var(--slide-duration) allow-discrete;
64
+ }
62
65
  }
63
66
 
64
67
  /* collapsed state: height animates to 0, then display snaps to none */
package/src/components/unsplash-page/unsplash-page.module.css CHANGED
@@ -122,7 +122,10 @@ html, body {
122
122
 
123
123
  .unsplashPhoto, .credits {
124
124
  opacity: 0;
125
- transition: opacity .3s linear;
125
+
126
+ @media screen and (prefers-reduced-motion: no-preference) {
127
+ transition: opacity .3s linear;
128
+ }
126
129
 
127
130
  .show & {
128
131
  opacity: 1;
@@ -154,7 +157,10 @@ html, body {
154
157
  max-width: 90dvw;
155
158
  padding: 1rem 2rem;
156
159
  text-align: center;
157
- transition: translate .3s ease-in-out;
160
+
161
+ @media screen and (prefers-reduced-motion: no-preference) {
162
+ transition: translate .3s ease-in-out;
163
+ }
158
164
 
159
165
  h1 {
160
166
  margin: 0;
package/src/css/forms/switch.css CHANGED
@@ -82,9 +82,11 @@ background-image.
82
82
 
83
83
  @media (prefers-reduced-motion: no-preference) {
84
84
  .form-switch .form-check-input {
85
- transition:
86
- background-color var(--form-switch-transition-duration) linear,
87
- background-position var(--form-switch-transition-duration) ease-in-out;
85
+ @media screen and (prefers-reduced-motion: no-preference) {
86
+ transition:
87
+ background-color var(--form-switch-transition-duration) linear,
88
+ background-position var(--form-switch-transition-duration) ease-in-out;
89
+ }
88
90
  }
89
91
  }
90
92