@clayui/css 3.92.0 → 3.93.0

package/lib/css/base.css

@@ -1,6 +1,6 @@
 @charset "UTF-8";
 /**
- * Clay 3.92.0
+ * Clay 3.93.0
  *
  * SPDX-FileCopyrightText: © 2020 Liferay, Inc. <https://liferay.com>
  * SPDX-FileCopyrightText: © 2020 Contributors to the project Clay <https://github.com/liferay/clay/graphs/contributors>
@@ -843,6 +843,14 @@ pre code {
   vertical-align: text-bottom;
   width: 2rem;
 }
+@media (prefers-reduced-motion: reduce) {
+  .spinner-border {
+    animation: none;
+  }
+}
+.c-prefers-reduced-motion .spinner-border {
+  animation: none;
+}
 
 .spinner-border-sm {
   border-width: 0.2em;
@@ -868,6 +876,14 @@ pre code {
   vertical-align: text-bottom;
   width: 2rem;
 }
+@media (prefers-reduced-motion: reduce) {
+  .spinner-grow {
+    animation: none;
+  }
+}
+.c-prefers-reduced-motion .spinner-grow {
+  animation: none;
+}
 
 .spinner-grow-sm {
   height: 1rem;
@@ -6993,6 +7009,14 @@ input[type=button].btn-block {
 .drilldown-transition {
   transition: all 0.25s ease;
 }
+@media (prefers-reduced-motion: reduce) {
+  .drilldown-transition {
+    transition: none;
+  }
+}
+.c-prefers-reduced-motion .drilldown-transition {
+  transition: none;
+}
 
 .drilldown-item.transitioning {
   display: block;
@@ -7510,6 +7534,14 @@ textarea.form-control-plaintext,
   border-radius: 100px;
   transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
 }
+@media (prefers-reduced-motion: reduce) {
+  .form-control[type=range]::-webkit-slider-thumb {
+    transition: none;
+  }
+}
+.c-prefers-reduced-motion .form-control[type=range]::-webkit-slider-thumb {
+  transition: none;
+}
 
 .form-control-range {
   display: block;
@@ -10413,6 +10445,15 @@ label.custom-control-label {
   padding-right: 5px;
   transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
 }
+@media (prefers-reduced-motion: reduce) {
+  .input-group .input-group-inset-item {
+    transition: none;
+  }
+}
+.c-prefers-reduced-motion .input-group .input-group-inset-item {
+  transition: none;
+}
+
 .input-group .input-group-inset-item .btn {
   align-items: center;
   display: flex;
@@ -11741,6 +11782,15 @@ label.custom-control-label {
   transition: box-shadow 0.15s ease-in-out;
   width: 2rem;
 }
+@media (prefers-reduced-motion: reduce) {
+  .multi-step-icon {
+    transition: none;
+  }
+}
+.c-prefers-reduced-motion .multi-step-icon {
+  transition: none;
+}
+
 .multi-step-icon:hover {
   background-color: #e9ecef;
   color: rgba(0, 0, 0, 0.7);
@@ -17302,6 +17352,9 @@ label.custom-control-label {
     animation: none;
   }
 }
+.c-prefers-reduced-motion .progress-bar-animated {
+  animation: none;
+}
 
 .progress-lg,
 .progress-lg > .progress {
@@ -17437,6 +17490,10 @@ label.custom-control-label {
   margin-bottom: 3rem;
 }
 
+.sheet-row {
+  margin-left: -1.5rem;
+  margin-right: -1.5rem;
+}
 .sheet-header {
   margin-bottom: 3rem;
 }
@@ -17686,10 +17743,30 @@ a.sheet-subtitle:hover, a.sheet-subtitle.hover {
 .sidenav-transition .sidenav-menu-slider {
   transition: all 0.5s ease;
 }
+@media (prefers-reduced-motion: reduce) {
+  .sidenav-transition .sidenav-content,
+.sidenav-transition .sidenav-menu,
+.sidenav-transition .sidenav-menu-slider {
+    transition: none;
+  }
+}
+.c-prefers-reduced-motion .sidenav-transition .sidenav-content,
+.c-prefers-reduced-motion .sidenav-transition .sidenav-menu,
+.c-prefers-reduced-motion .sidenav-transition .sidenav-menu-slider {
+  transition: none;
+}
 
 .sidenav-transition {
   transition: all 0.5s ease;
 }
+@media (prefers-reduced-motion: reduce) {
+  .sidenav-transition {
+    transition: none;
+  }
+}
+.c-prefers-reduced-motion .sidenav-transition {
+  transition: none;
+}
 
 .sidenav-fixed.sidenav-menu-slider {
   bottom: 0;
@@ -29795,6 +29872,10 @@ a.text-dark:hover, a.text-dark:focus {
   top: 50%;
   width: 0.25em;
 }
+.c-prefers-reduced-motion .loading-animation::before {
+  animation: none;
+}
+
 .loading-animation::after {
   animation: loading-animation-circle 1s linear infinite;
   background-color: currentColor;
@@ -29808,6 +29889,9 @@ a.text-dark:hover, a.text-dark:focus {
   padding: 0.25em;
   width: 1em;
 }
+.c-prefers-reduced-motion .loading-animation::after {
+  animation: none;
+}
 
 @keyframes loading-animation-squares-box-1 {
   0% {
@@ -29886,6 +29970,10 @@ a.text-dark:hover, a.text-dark:focus {
   transform: scale(1);
   width: 1em;
 }
+.c-prefers-reduced-motion .loading-animation-squares::before {
+  animation: none;
+}
+
 .loading-animation-squares::after {
   animation: loading-animation-squares-box-2 2.4s ease-in-out infinite;
   background-color: currentColor;
@@ -29901,6 +29989,9 @@ a.text-dark:hover, a.text-dark:focus {
   transform: scale(2);
   width: 1em;
 }
+.c-prefers-reduced-motion .loading-animation-squares::after {
+  animation: none;
+}
 
 .loading-animation-xs {
   font-size: 0.625rem;