@clayui/css 3.90.0 → 3.91.0

package/lib/css/cadmin.css

@@ -1,6 +1,6 @@
 @charset "UTF-8";
 /**
- * Clay 3.90.0
+ * Clay 3.91.0
  *
  * SPDX-FileCopyrightText: © 2020 Liferay, Inc. <https://liferay.com>
  * SPDX-FileCopyrightText: © 2020 Contributors to the project Clay <https://github.com/liferay/clay/graphs/contributors>
@@ -16,7 +16,7 @@
  * SPDX-License-Identifier: LicenseRef-MIT-Bootstrap
  */
 /**
- * Clay 3.90.0
+ * Clay 3.91.0
  *
  * SPDX-FileCopyrightText: © 2020 Liferay, Inc. <https://liferay.com>
  * SPDX-FileCopyrightText: © 2020 Contributors to the project Clay <https://github.com/liferay/clay/graphs/contributors>
@@ -1770,6 +1770,23 @@ html:not(#__):not(#___) .cadmin .btn .loading-animation {
   font-size: 1em;
   margin-top: -0.1em;
 }
+html:not(#__):not(#___) .cadmin .c-horizontal-resizer {
+  background-color: transparent;
+  bottom: 0;
+  cursor: ew-resize;
+  margin-right: -0.25rem;
+  position: absolute;
+  right: 0;
+  top: 0;
+  width: 0.5rem;
+  z-index: 10;
+}
+html:not(#__):not(#___) .cadmin .c-horizontal-resizer:hover {
+  background-color: #80acff;
+}
+html:not(#__):not(#___) .cadmin .c-horizontal-resizer:focus {
+  background-color: #80acff;
+}
 html:not(#__):not(#___) .cadmin .fade, html:not(#__):not(#___) .cadmin.fade {
   transition: opacity 0.15s linear;
 }
@@ -10778,7 +10795,13 @@ html:not(#__):not(#___) .cadmin .nav-nested-margins > li .nav > li {
   margin-left: 16px;
 }
 html:not(#__):not(#___) .cadmin .nav-tabs {
-  border-bottom: 1px solid transparent;
+  background-color: #f7f8f9;
+  border-color: #cdced9;
+  border-style: solid;
+  border-width: 1px 0;
+  padding-left: 24px;
+  padding-right: 24px;
+  padding-top: 7px;
   font-size: 14px;
 }
 html:not(#__):not(#___) .cadmin .nav-tabs .nav-link {
@@ -10808,13 +10831,13 @@ html:not(#__):not(#___) .cadmin .nav-tabs .nav-link.focus, html:not(#__):not(#__
 }
 html:not(#__):not(#___) .cadmin .nav-tabs .nav-link:active {
   background-color: #fff;
-  border-color: transparent transparent #fff;
+  border-color: #cdced9 #cdced9 #fff;
   color: #272833;
 }
 html:not(#__):not(#___) .cadmin .nav-tabs .nav-link.active {
   background-color: #fff;
   color: #272833;
-  border-color: transparent transparent #fff;
+  border-color: #cdced9 #cdced9 #fff;
 }
 html:not(#__):not(#___) .cadmin .nav-tabs .nav-link:disabled, html:not(#__):not(#___) .cadmin .nav-tabs .nav-link.disabled {
   background-color: transparent;
@@ -10823,9 +10846,9 @@ html:not(#__):not(#___) .cadmin .nav-tabs .nav-link:disabled, html:not(#__):not(
   color: #a7a9bc;
 }
 html:not(#__):not(#___) .cadmin .nav-tabs .nav-link[aria-expanded=true], html:not(#__):not(#___) .cadmin .nav-tabs .nav-link.show {
-  background-color: transparent;
+  background-color: #fff;
   color: #272833;
-  border-color: transparent transparent transparent transparent;
+  border-color: #cdced9 #cdced9 #fff;
 }
 html:not(#__):not(#___) .cadmin .nav-tabs .nav-link > .c-inner {
   margin-bottom: -4.5px;
@@ -10863,51 +10886,6 @@ html:not(#__):not(#___) .cadmin .dropdown-item[data-toggle=tab].active .dropdown
 html:not(#__):not(#___) .cadmin .dropdown-item[data-toggle=tab].active .dropdown-item-indicator-end {
   display: block;
 }
-html:not(#__):not(#___) .cadmin .nav-underline .nav-link {
-  border-radius: 1px;
-  color: #6b6c7e;
-  font-weight: 600;
-  line-height: 1;
-  padding-bottom: 9px;
-  padding-top: 9px;
-  transition: box-shadow 0.15s ease-in-out;
-}
-@media (prefers-reduced-motion: reduce) {
-  html:not(#__):not(#___) .cadmin .nav-underline .nav-link {
-    transition: none;
-  }
-}
-html:not(#__):not(#___) .cadmin .nav-underline .nav-link::after {
-  bottom: 0;
-  display: block;
-  position: absolute;
-  left: 0;
-  right: 0;
-  width: auto;
-}
-html:not(#__):not(#___) .cadmin .nav-underline .nav-link.focus, html:not(#__):not(#___) .cadmin .nav-underline .nav-link:focus {
-  box-shadow: 0 0 0 2px #fff, 0 0 0 4px #80acff;
-  outline: 0;
-}
-html:not(#__):not(#___) .cadmin .nav-underline .nav-link.active {
-  color: #272833;
-}
-html:not(#__):not(#___) .cadmin .nav-underline .nav-link.active::after {
-  background-color: #528eff;
-  content: "";
-  height: 2px;
-}
-html:not(#__):not(#___) .cadmin .nav-underline .nav-link:disabled, html:not(#__):not(#___) .cadmin .nav-underline .nav-link.disabled {
-  box-shadow: none;
-  color: #a7a9bc;
-}
-html:not(#__):not(#___) .cadmin .nav-underline .nav-link[aria-expanded=true], html:not(#__):not(#___) .cadmin .nav-underline .nav-link.show {
-  color: #272833;
-}
-html:not(#__):not(#___) .cadmin .nav-underline .nav-link > .c-inner {
-  margin-bottom: -9px;
-  margin-top: -9px;
-}
 html:not(#__):not(#___) .cadmin .menubar {
   position: relative;
 }
@@ -12078,80 +12056,30 @@ html:not(#__):not(#___) .cadmin .navbar-dark .navbar-text a {
 html:not(#__):not(#___) .cadmin .navbar-dark .navbar-text a:hover, html:not(#__):not(#___) .cadmin .navbar-dark .navbar-text a:focus {
   color: #fff;
 }
-html:not(#__):not(#___) .cadmin .navbar-underline .navbar-toggler-link:after {
+html:not(#__):not(#___) .cadmin .navbar-underline .navbar-toggler-link::after {
   background-color: #80acff;
   bottom: -8px;
   content: "";
   display: block;
-  height: 2px;
+  height: 0.25rem;
   left: 0;
   position: absolute;
   right: 0;
   width: auto;
 }
-@media (min-width: 576px) {
-  html:not(#__):not(#___) .cadmin .navbar-underline.navbar-expand-sm .navbar-nav .nav-link.active:after {
-    background-color: #80acff;
-    bottom: -8px;
-    content: "";
-    display: block;
-    height: 2px;
-    left: 0;
-    position: absolute;
-    right: 0;
-    width: auto;
-  }
-}
 @media (min-width: 768px) {
-  html:not(#__):not(#___) .cadmin .navbar-underline.navbar-expand-md .navbar-nav .nav-link.active:after {
-    background-color: #80acff;
-    bottom: -8px;
-    content: "";
-    display: block;
-    height: 2px;
-    left: 0;
-    position: absolute;
-    right: 0;
-    width: auto;
-  }
-}
-@media (min-width: 992px) {
-  html:not(#__):not(#___) .cadmin .navbar-underline.navbar-expand-lg .navbar-nav .nav-link.active:after {
+  html:not(#__):not(#___) .cadmin .navbar-underline.navbar-expand-md.navbar-underline .navbar-nav .nav-link.active::after {
     background-color: #80acff;
     bottom: -8px;
     content: "";
     display: block;
-    height: 2px;
+    height: 0.25rem;
     left: 0;
     position: absolute;
     right: 0;
     width: auto;
   }
 }
-@media (min-width: 1280px) {
-  html:not(#__):not(#___) .cadmin .navbar-underline.navbar-expand-xl .navbar-nav .nav-link.active:after {
-    background-color: #80acff;
-    bottom: -8px;
-    content: "";
-    display: block;
-    height: 2px;
-    left: 0;
-    position: absolute;
-    right: 0;
-    width: auto;
-  }
-}
-html:not(#__):not(#___) .cadmin .navbar-underline.navbar-expand .navbar-nav .nav-link.active:after {
-  background-color: #80acff;
-  bottom: -8px;
-  content: "";
-  display: block;
-  height: 2px;
-  left: 0;
-  position: absolute;
-  right: 0;
-  width: auto;
-}
 html:not(#__):not(#___) .cadmin .management-bar {
   border-width: 0px 0px 1px 0px;
   font-size: 14px;
@@ -12691,7 +12619,7 @@ html:not(#__):not(#___) .cadmin .navigation-bar .dropdown-menu {
   margin-top: 0;
 }
 html:not(#__):not(#___) .cadmin .navigation-bar .navbar-nav .nav-link {
-  border-radius: 0;
+  border-radius: 4px;
   border-width: 0;
   outline: 0;
   font-size: inherit;
@@ -12703,7 +12631,7 @@ html:not(#__):not(#___) .cadmin .navigation-bar .navbar-nav .nav-link:disabled,
   box-shadow: none;
 }
 html:not(#__):not(#___) .cadmin .navigation-bar .navbar-brand {
-  border-radius: 0;
+  border-radius: 4px;
   border-width: 0;
   outline: 0;
   font-size: inherit;
@@ -14775,6 +14703,9 @@ html:not(#__):not(#___) .cadmin .c-slideout .sidebar.c-slideout-show {
 html:not(#__):not(#___) .cadmin .c-slideout .sidebar.c-slideout-transition {
   display: block;
 }
+html:not(#__):not(#___) .cadmin .c-slideout .sidebar.c-slideout-transition .c-horizontal-resizer {
+  display: none;
+}
 html:not(#__):not(#___) .cadmin .c-slideout .tbar-stacked {
   display: none;
   flex-shrink: 0;
@@ -14847,6 +14778,10 @@ html:not(#__):not(#___) .cadmin .c-slideout-end .tbar-stacked {
 html:not(#__):not(#___) .cadmin .c-slideout-end .tbar-stacked.c-slideout-show {
   right: 0;
 }
+html:not(#__):not(#___) .cadmin .c-slideout-end .c-horizontal-resizer {
+  left: 0;
+  right: auto;
+}
 @media (max-width: 767.98px) {
   html:not(#__):not(#___) .cadmin .c-slideout-end.c-slideout-tbar-shown .sidebar {
     right: -280px;
@@ -17106,6 +17041,7 @@ html:not(#__):not(#___) .cadmin .treeview {
   padding: 2px 0;
 }
 html:not(#__):not(#___) .cadmin .treeview .btn {
+  color: inherit;
   font-size: 12px;
   line-height: 1;
   padding: 6px 8px;