@clayui/css 3.92.0 → 3.93.0

package/lib/css/atlas.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>
@@ -861,6 +861,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;
@@ -886,6 +894,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;
@@ -7186,6 +7202,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;
@@ -7809,6 +7833,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;
@@ -11041,6 +11073,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;
@@ -12487,6 +12528,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: #e7e7ed;
   color: #6b6c7e;
@@ -18384,6 +18434,9 @@ label.custom-control-label {
     animation: none;
   }
 }
+.c-prefers-reduced-motion .progress-bar-animated {
+  animation: none;
+}
 
 .progress-lg,
 .progress-lg > .progress {
@@ -18549,6 +18602,17 @@ label.custom-control-label {
   }
 }
 
+.sheet-row {
+  margin-left: -1.5rem;
+  margin-right: -1.5rem;
+}
+@media (max-width: 767.98px) {
+  .sheet-row {
+    margin-left: -1rem;
+    margin-right: -1rem;
+  }
+}
+
 .sheet-header {
   margin-bottom: 3rem;
 }
@@ -18875,10 +18939,30 @@ a.sheet-subtitle.focus, a.sheet-subtitle:focus {
 .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;
@@ -32656,6 +32740,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;
@@ -32669,6 +32757,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% {
@@ -32747,6 +32838,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;
@@ -32762,6 +32857,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;