@clayui/css 3.89.0 → 3.90.0

package/lib/css/atlas.css

@@ -1,6 +1,6 @@
 @charset "UTF-8";
 /**
- * Clay 3.89.0
+ * Clay 3.90.0
  *
  * SPDX-FileCopyrightText: © 2020 Liferay, Inc. <https://liferay.com>
  * SPDX-FileCopyrightText: © 2020 Contributors to the project Clay <https://github.com/liferay/clay/graphs/contributors>
@@ -12861,37 +12861,28 @@ label.custom-control-label {
 .menubar-vertical-expand-md {
   max-width: 15.625rem;
 }
+.menubar-vertical-expand-md .menubar-collapse {
+  display: block;
+}
+.menubar-vertical-expand-md .menubar-collapse.collapsing, .menubar-vertical-expand-md .menubar-collapse.show {
+  display: block;
+}
 @media (max-width: 767.98px) {
   .menubar-vertical-expand-md {
-    align-items: center;
-    display: flex;
-    flex-wrap: wrap;
-    justify-content: space-between;
     margin-bottom: 1.5rem;
     margin-left: -12px;
     margin-right: -12px;
+    max-width: none;
   }
-}
-.menubar-vertical-expand-md .menubar-collapse {
-  display: block;
-}
-@media (max-width: 767.98px) {
   .menubar-vertical-expand-md .menubar-collapse {
     border-color: transparent;
     border-style: solid;
     border-width: 0.0625rem;
     display: none;
-    left: -0.0625rem;
-    position: absolute;
-    right: -0.0625rem;
+    position: relative;
     top: 100%;
     z-index: 499;
   }
-}
-.menubar-vertical-expand-md .menubar-collapse.collapsing, .menubar-vertical-expand-md .menubar-collapse.show {
-  display: block;
-}
-@media (max-width: 767.98px) {
   .menubar-vertical-expand-md .menubar-toggler {
     align-items: center;
     border-color: transparent;
@@ -12904,70 +12895,39 @@ label.custom-control-label {
   }
   .menubar-vertical-expand-md .menubar-toggler .c-inner {
     max-width: none;
-    margin-left: -0.5rem;
-    margin-right: -0.5rem;
   }
   .menubar-vertical-expand-md .menubar-toggler .lexicon-icon {
     margin-top: 0;
   }
-}
-@media (max-width: 767.98px) {
   .menubar-vertical-expand-md .nav-nested {
     margin-bottom: 0.5rem;
     margin-top: 0.5rem;
   }
-}
-@media (max-width: 767.98px) {
   .menubar-vertical-expand-md .nav-nested-margins > li .nav > li {
     margin-left: 0;
   }
-}
-@media (max-width: 767.98px) {
-  .menubar-vertical-expand-md.menubar-transparent {
-    background-color: #fff;
+  .menubar-vertical-expand-md .nav-link {
+    color: #6b6c7e;
   }
-}
-@media (max-width: 767.98px) {
-  .menubar-vertical-expand-md.menubar-transparent .menubar-collapse {
-    background-color: #fff;
-    border-color: #e7e7ed;
-    border-radius: 0.25rem;
-    box-shadow: 0 1px 5px -1px rgba(0, 0, 0, 0.3);
+  .menubar-vertical-expand-md .nav-link:hover, .menubar-vertical-expand-md .nav-link.hover {
+    color: #6b6c7e;
   }
-}
-@media (max-width: 767.98px) {
-  .menubar-vertical-expand-md.menubar-transparent .menubar-toggler {
-    text-decoration: none;
+  .menubar-vertical-expand-md .nav-link:active {
     color: #272833;
-    font-size: 0.875rem;
-    font-weight: 600;
-    transition: box-shadow 0.15s ease-in-out;
   }
-}
-@media (max-width: 767.98px) and (prefers-reduced-motion: reduce) {
-  .menubar-vertical-expand-md.menubar-transparent .menubar-toggler {
-    transition: none;
-  }
-}
-@media (max-width: 767.98px) {
-  .menubar-vertical-expand-md.menubar-transparent .menubar-toggler:focus, .menubar-vertical-expand-md.menubar-transparent .menubar-toggler.focus {
-    box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #80acff;
-    outline: 0;
+  .menubar-vertical-expand-md .nav-link.active {
+    color: #272833;
   }
-}
-@media (max-width: 767.98px) {
-  .menubar-vertical-expand-md.menubar-transparent .menubar-toggler:active:focus {
-    box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #80acff;
+  .menubar-vertical-expand-md .nav-link:disabled, .menubar-vertical-expand-md .nav-link.disabled {
+    color: #a7a9bc;
   }
-}
-@media (max-width: 767.98px) {
-  .menubar-vertical-expand-md.menubar-transparent .menubar-toggler:disabled, .menubar-vertical-expand-md.menubar-transparent .menubar-toggler.disabled {
-    box-shadow: none;
+  .menubar-vertical-expand-md .nav-link[aria-expanded=true], .menubar-vertical-expand-md .nav-link.show {
+    color: #272833;
   }
 }
 .menubar-vertical-expand-md.menubar-transparent .nav-link {
-  color: #6b6c7e;
   border-radius: 0.375rem;
+  color: #6b6c7e;
   transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
 }
 @media (prefers-reduced-motion: reduce) {
@@ -12976,8 +12936,8 @@ label.custom-control-label {
   }
 }
 .menubar-vertical-expand-md.menubar-transparent .nav-link:hover, .menubar-vertical-expand-md.menubar-transparent .nav-link.hover {
-  color: #272833;
   background-color: rgba(11, 95, 255, 0.04);
+  color: #272833;
 }
 .menubar-vertical-expand-md.menubar-transparent .nav-link.focus, .menubar-vertical-expand-md.menubar-transparent .nav-link:focus {
   background-color: rgba(11, 95, 255, 0.04);
@@ -12989,17 +12949,40 @@ label.custom-control-label {
   color: rgba(0, 0, 0, 0.9);
 }
 .menubar-vertical-expand-md.menubar-transparent .nav-link.active {
+  font-weight: 600;
   background-color: rgba(11, 95, 255, 0.06);
   color: #272833;
-  font-weight: 600;
 }
 .menubar-vertical-expand-md.menubar-transparent .nav-link:disabled, .menubar-vertical-expand-md.menubar-transparent .nav-link.disabled {
   color: rgba(0, 0, 0, 0.3);
   box-shadow: none;
 }
 .menubar-vertical-expand-md.menubar-transparent .nav-link[aria-expanded=true], .menubar-vertical-expand-md.menubar-transparent .nav-link.show {
-  color: #272833;
   font-weight: 600;
+  color: #272833;
+}
+@media (max-width: 767.98px) {
+  .menubar-vertical-expand-md.menubar-transparent {
+    background-color: #fff;
+  }
+  .menubar-vertical-expand-md.menubar-transparent .menubar-collapse {
+    background-color: #fff;
+    border-color: #e7e7ed;
+    border-radius: 0.25rem;
+    box-shadow: 0 1px 5px -1px rgba(0, 0, 0, 0.3);
+  }
+  .menubar-vertical-expand-md.menubar-transparent .menubar-toggler {
+    text-decoration: none;
+    color: #272833;
+    font-size: 0.875rem;
+    font-weight: 600;
+    transition: box-shadow 0.15s ease-in-out;
+  }
+}
+@media (max-width: 767.98px) and (prefers-reduced-motion: reduce) {
+  .menubar-vertical-expand-md.menubar-transparent .menubar-toggler {
+    transition: none;
+  }
 }
 @media (max-width: 767.98px) {
   .menubar-vertical-expand-md.menubar-transparent .nav-link {
@@ -13053,37 +13036,28 @@ label.custom-control-label {
 .menubar-vertical-expand-lg {
   max-width: 15.625rem;
 }
+.menubar-vertical-expand-lg .menubar-collapse {
+  display: block;
+}
+.menubar-vertical-expand-lg .menubar-collapse.collapsing, .menubar-vertical-expand-lg .menubar-collapse.show {
+  display: block;
+}
 @media (max-width: 991.98px) {
   .menubar-vertical-expand-lg {
-    align-items: center;
-    display: flex;
-    flex-wrap: wrap;
-    justify-content: space-between;
     margin-bottom: 1.5rem;
     margin-left: -12px;
     margin-right: -12px;
+    max-width: none;
   }
-}
-.menubar-vertical-expand-lg .menubar-collapse {
-  display: block;
-}
-@media (max-width: 991.98px) {
   .menubar-vertical-expand-lg .menubar-collapse {
     border-color: transparent;
     border-style: solid;
     border-width: 0.0625rem;
     display: none;
-    left: -0.0625rem;
-    position: absolute;
-    right: -0.0625rem;
+    position: relative;
     top: 100%;
     z-index: 499;
   }
-}
-.menubar-vertical-expand-lg .menubar-collapse.collapsing, .menubar-vertical-expand-lg .menubar-collapse.show {
-  display: block;
-}
-@media (max-width: 991.98px) {
   .menubar-vertical-expand-lg .menubar-toggler {
     align-items: center;
     border-color: transparent;
@@ -13096,76 +13070,39 @@ label.custom-control-label {
   }
   .menubar-vertical-expand-lg .menubar-toggler .c-inner {
     max-width: none;
-    margin-left: -0.5rem;
-    margin-right: -0.5rem;
   }
   .menubar-vertical-expand-lg .menubar-toggler .lexicon-icon {
     margin-top: 0;
   }
-}
-@media (max-width: 991.98px) {
   .menubar-vertical-expand-lg .nav-nested {
     margin-bottom: 0.5rem;
     margin-top: 0.5rem;
   }
-}
-@media (max-width: 991.98px) {
-  .menubar-vertical-expand-lg .nav-nested-margins {
-    margin-bottom: 0.5rem;
-    margin-top: 0.5rem;
-  }
-}
-@media (max-width: 991.98px) {
   .menubar-vertical-expand-lg .nav-nested-margins > li .nav > li {
     margin-left: 0;
   }
-}
-@media (max-width: 991.98px) {
-  .menubar-vertical-expand-lg.menubar-transparent {
-    background-color: #fff;
+  .menubar-vertical-expand-lg .nav-link {
+    color: #6b6c7e;
   }
-}
-@media (max-width: 991.98px) {
-  .menubar-vertical-expand-lg.menubar-transparent .menubar-collapse {
-    background-color: #fff;
-    border-color: #e7e7ed;
-    border-radius: 0.25rem;
-    box-shadow: 0 1px 5px -1px rgba(0, 0, 0, 0.3);
+  .menubar-vertical-expand-lg .nav-link:hover, .menubar-vertical-expand-lg .nav-link.hover {
+    color: #6b6c7e;
   }
-}
-@media (max-width: 991.98px) {
-  .menubar-vertical-expand-lg.menubar-transparent .menubar-toggler {
-    text-decoration: none;
+  .menubar-vertical-expand-lg .nav-link:active {
     color: #272833;
-    font-size: 0.875rem;
-    font-weight: 600;
-    transition: box-shadow 0.15s ease-in-out;
-  }
-}
-@media (max-width: 991.98px) and (prefers-reduced-motion: reduce) {
-  .menubar-vertical-expand-lg.menubar-transparent .menubar-toggler {
-    transition: none;
   }
-}
-@media (max-width: 991.98px) {
-  .menubar-vertical-expand-lg.menubar-transparent .menubar-toggler:focus, .menubar-vertical-expand-lg.menubar-transparent .menubar-toggler.focus {
-    box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #80acff;
-    outline: 0;
+  .menubar-vertical-expand-lg .nav-link.active {
+    color: #272833;
   }
-}
-@media (max-width: 991.98px) {
-  .menubar-vertical-expand-lg.menubar-transparent .menubar-toggler:active:focus {
-    box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #80acff;
+  .menubar-vertical-expand-lg .nav-link:disabled, .menubar-vertical-expand-lg .nav-link.disabled {
+    color: #a7a9bc;
   }
-}
-@media (max-width: 991.98px) {
-  .menubar-vertical-expand-lg.menubar-transparent .menubar-toggler:disabled, .menubar-vertical-expand-lg.menubar-transparent .menubar-toggler.disabled {
-    box-shadow: none;
+  .menubar-vertical-expand-lg .nav-link[aria-expanded=true], .menubar-vertical-expand-lg .nav-link.show {
+    color: #272833;
   }
 }
 .menubar-vertical-expand-lg.menubar-transparent .nav-link {
-  color: #6b6c7e;
   border-radius: 0.375rem;
+  color: #6b6c7e;
   transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
 }
 @media (prefers-reduced-motion: reduce) {
@@ -13174,8 +13111,8 @@ label.custom-control-label {
   }
 }
 .menubar-vertical-expand-lg.menubar-transparent .nav-link:hover, .menubar-vertical-expand-lg.menubar-transparent .nav-link.hover {
-  color: #272833;
   background-color: rgba(11, 95, 255, 0.04);
+  color: #272833;
 }
 .menubar-vertical-expand-lg.menubar-transparent .nav-link.focus, .menubar-vertical-expand-lg.menubar-transparent .nav-link:focus {
   background-color: rgba(11, 95, 255, 0.04);
@@ -13187,17 +13124,40 @@ label.custom-control-label {
   color: rgba(0, 0, 0, 0.9);
 }
 .menubar-vertical-expand-lg.menubar-transparent .nav-link.active {
+  font-weight: 600;
   background-color: rgba(11, 95, 255, 0.06);
   color: #272833;
-  font-weight: 600;
 }
 .menubar-vertical-expand-lg.menubar-transparent .nav-link:disabled, .menubar-vertical-expand-lg.menubar-transparent .nav-link.disabled {
   color: rgba(0, 0, 0, 0.3);
   box-shadow: none;
 }
 .menubar-vertical-expand-lg.menubar-transparent .nav-link[aria-expanded=true], .menubar-vertical-expand-lg.menubar-transparent .nav-link.show {
-  color: #272833;
   font-weight: 600;
+  color: #272833;
+}
+@media (max-width: 991.98px) {
+  .menubar-vertical-expand-lg.menubar-transparent {
+    background-color: #fff;
+  }
+  .menubar-vertical-expand-lg.menubar-transparent .menubar-collapse {
+    background-color: #fff;
+    border-color: #e7e7ed;
+    border-radius: 0.25rem;
+    box-shadow: 0 1px 5px -1px rgba(0, 0, 0, 0.3);
+  }
+  .menubar-vertical-expand-lg.menubar-transparent .menubar-toggler {
+    text-decoration: none;
+    color: #272833;
+    font-size: 0.875rem;
+    font-weight: 600;
+    transition: box-shadow 0.15s ease-in-out;
+  }
+}
+@media (max-width: 991.98px) and (prefers-reduced-motion: reduce) {
+  .menubar-vertical-expand-lg.menubar-transparent .menubar-toggler {
+    transition: none;
+  }
 }
 @media (max-width: 991.98px) {
   .menubar-vertical-expand-lg.menubar-transparent .nav-link {