@clayui/css 3.145.0 → 3.148.0

package/lib/css/cadmin.css

@@ -1,6 +1,6 @@
 @charset "UTF-8";
 /**
- * Clay 3.145.0
+ * Clay 3.148.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.145.0
+ * Clay 3.148.0
  *
  * SPDX-FileCopyrightText: © 2020 Liferay, Inc. <https://liferay.com>
  * SPDX-FileCopyrightText: © 2020 Contributors to the project Clay <https://github.com/liferay/clay/graphs/contributors>
@@ -5253,6 +5253,15 @@ html:not(#__):not(#___) .cadmin .sticker-outside.sticker-top-right.sticker-xl {
   left: auto;
   right: calc(-48px / 2);
 }
+html:not(#__):not(#___) .cadmin .sticker-xxl {
+  font-size: 2.5rem;
+  height: 5rem;
+  line-height: 5rem;
+  width: 5rem;
+}
+html:not(#__):not(#___) .cadmin .sticker-xxl .lexicon-icon {
+  font-size: 1.5rem;
+}
 html:not(#__):not(#___) .cadmin .sticker-primary {
   background-color: #fff;
   color: #0b5fff;
@@ -7055,10 +7064,21 @@ html:not(#__):not(#___) .cadmin label {
 html:not(#__):not(#___) .cadmin label[for] {
   cursor: pointer;
 }
+html:not(#__):not(#___) .cadmin label + .form-feedback-group {
+  margin-bottom: 12px;
+}
 html:not(#__):not(#___) .cadmin label + .form-text {
   margin-bottom: 4px;
   margin-top: 0;
 }
+html:not(#__):not(#___) .cadmin label .form-help-text {
+  color: #9b92a5;
+  display: inline;
+  font-size: 14px;
+  font-weight: 400;
+  margin-left: 8px;
+  margin-top: 0;
+}
 html:not(#__):not(#___) .cadmin label .reference-mark {
   color: #b95000;
   font-size: 6px;
@@ -9958,6 +9978,12 @@ html:not(#__):not(#___) .cadmin .form-text.blockquote::before {
   top: 0;
   width: 2px;
 }
+html:not(#__):not(#___) .cadmin .form-help-text {
+  color: #6b6c7e;
+  display: block;
+  font-size: 14px;
+  margin-top: 4px;
+}
 html:not(#__):not(#___) .cadmin .has-error .custom-control-label,
 html:not(#__):not(#___) .cadmin .has-error .form-check-label {
   color: #da1414;
@@ -15131,106 +15157,6 @@ html:not(#__):not(#___) .cadmin .pagination-results {
   overflow-wrap: break-word;
   word-wrap: break-word;
 }
-html:not(#__):not(#___) .cadmin .pagination-sm .page-link {
-  font-size: 12px;
-  height: 24px;
-  line-height: 1;
-  padding-bottom: 0;
-  padding-right: 8px;
-  padding-left: 8px;
-  padding-top: 0;
-}
-html:not(#__):not(#___) .cadmin .pagination-sm .page-link > .c-inner {
-  margin-bottom: 0;
-  margin-left: -8px;
-  margin-right: -8px;
-  margin-top: 0;
-}
-html:not(#__):not(#___) .cadmin .pagination-sm .page-item:first-child .page-link,
-html:not(#__):not(#___) .cadmin .pagination-sm .page-link-first {
-  border-bottom-left-radius: 5px;
-  border-top-left-radius: 5px;
-}
-html:not(#__):not(#___) .cadmin .pagination-sm .page-item:last-child .page-link,
-html:not(#__):not(#___) .cadmin .pagination-sm .page-link-last {
-  border-bottom-right-radius: 5px;
-  border-top-right-radius: 5px;
-}
-html:not(#__):not(#___) .cadmin .pagination-sm .pagination-items-per-page {
-  border-radius: 5px;
-}
-html:not(#__):not(#___) .cadmin .pagination-sm .pagination-items-per-page > a,
-html:not(#__):not(#___) .cadmin .pagination-sm .pagination-items-per-page > button {
-  font-size: 12px;
-  height: 24px;
-  line-height: 1;
-  padding-bottom: 0;
-  padding-left: 10px;
-  padding-right: 10px;
-  padding-top: 0;
-}
-html:not(#__):not(#___) .cadmin .pagination-sm .pagination-items-per-page > a > .c-inner,
-html:not(#__):not(#___) .cadmin .pagination-sm .pagination-items-per-page > button > .c-inner {
-  margin-bottom: 0;
-  margin-left: -10px;
-  margin-right: -10px;
-  margin-top: 0;
-}
-html:not(#__):not(#___) .cadmin .pagination-sm .pagination-items-per-page + .pagination-results {
-  font-size: 12px;
-  line-height: 1;
-  padding: 0 10px;
-}
-html:not(#__):not(#___) .cadmin .pagination-lg .page-link {
-  font-size: 18px;
-  height: 44px;
-  line-height: 1;
-  padding-bottom: 0;
-  padding-left: 16px;
-  padding-right: 16px;
-  padding-top: 0;
-}
-html:not(#__):not(#___) .cadmin .pagination-lg .page-link > .c-inner {
-  margin-bottom: 0;
-  margin-left: -16px;
-  margin-right: -16px;
-  margin-top: 0;
-}
-html:not(#__):not(#___) .cadmin .pagination-lg .page-item:first-child .page-link,
-html:not(#__):not(#___) .cadmin .pagination-lg .page-link-first {
-  border-bottom-left-radius: 5px;
-  border-top-left-radius: 5px;
-}
-html:not(#__):not(#___) .cadmin .pagination-lg .page-item:last-child .page-link,
-html:not(#__):not(#___) .cadmin .pagination-lg .page-link-last {
-  border-bottom-right-radius: 5px;
-  border-top-right-radius: 5px;
-}
-html:not(#__):not(#___) .cadmin .pagination-lg .pagination-items-per-page {
-  border-radius: 5px;
-}
-html:not(#__):not(#___) .cadmin .pagination-lg .pagination-items-per-page > a,
-html:not(#__):not(#___) .cadmin .pagination-lg .pagination-items-per-page > button {
-  font-size: 18px;
-  height: 44px;
-  line-height: 1;
-  padding-bottom: 0;
-  padding-left: 10px;
-  padding-right: 10px;
-  padding-top: 0;
-}
-html:not(#__):not(#___) .cadmin .pagination-lg .pagination-items-per-page > a > .c-inner,
-html:not(#__):not(#___) .cadmin .pagination-lg .pagination-items-per-page > button > .c-inner {
-  margin-bottom: 0;
-  margin-left: -10px;
-  margin-right: -10px;
-  margin-top: 0;
-}
-html:not(#__):not(#___) .cadmin .pagination-lg .pagination-items-per-page + .pagination-results {
-  font-size: 18px;
-  line-height: 1;
-  padding: 0 10px;
-}
 html:not(#__):not(#___) .cadmin .panel {
   background-color: #fff;
   border-color: transparent;
@@ -16560,7 +16486,6 @@ html:not(#__):not(#___) .cadmin .sidebar-dd {
 }
 html:not(#__):not(#___) .cadmin .sidebar-sm {
   font-size: 0.875rem;
-  font-size: 0.875rem;
 }
 html:not(#__):not(#___) .cadmin .sidebar-light {
   background-color: #fff;
@@ -16568,11 +16493,6 @@ html:not(#__):not(#___) .cadmin .sidebar-light {
   border-left-width: 0;
   box-shadow: -4px 0 8px -4px rgba(0, 0, 0, 0.1);
   color: #272833;
-  background-color: #fff;
-  border-color: #e7e7ed;
-  border-left-width: 0;
-  box-shadow: -4px 0 8px -4px rgba(0, 0, 0, 0.1);
-  color: #272833;
 }
 html:not(#__):not(#___) .cadmin .sidenav-start .sidebar-light,
 html:not(#__):not(#___) .cadmin .sidenav-left .sidebar-light {
@@ -16580,11 +16500,11 @@ html:not(#__):not(#___) .cadmin .sidenav-left .sidebar-light {
 }
 
 html:not(#__):not(#___) .cadmin .sidebar-light .sidebar-header {
-  background-color: inherit;
+  background-color: #fff;
   border: 0px solid #e7e7ed;
 }
 html:not(#__):not(#___) .cadmin .sidebar-light .sidebar-footer {
-  background-color: inherit;
+  background-color: #fff;
   border: 0px solid #e7e7ed;
 }
 html:not(#__):not(#___) .cadmin .sidebar-light .sidebar-panel {
@@ -16642,56 +16562,9 @@ html:not(#__):not(#___) .cadmin .sidebar-light .component-navigation-bar .navbar
 html:not(#__):not(#___) .cadmin .sidebar-light .component-navigation-bar .navbar-overlay {
   background-color: #fff;
 }
-html:not(#__):not(#___) .cadmin .sidebar-light .sidebar-header {
-  background-color: inherit;
-  border: 0px solid #e7e7ed;
-}
-html:not(#__):not(#___) .cadmin .sidebar-light .sidebar-footer {
-  background-color: inherit;
-  border: 0px solid #e7e7ed;
-}
-html:not(#__):not(#___) .cadmin .sidebar-light .sidenav-start {
-  box-shadow: 4px 0 8px -4px rgba(0, 0, 0, 0.1);
-}
-html:not(#__):not(#___) .cadmin .sidebar-light .sidebar-dt {
-  color: #6b6c7e;
-}
-html:not(#__):not(#___) .cadmin .sidebar-light .sidebar-dd .href {
-  color: #272833;
-}
-html:not(#__):not(#___) .cadmin .sidebar-light .sidebar-panel {
-  background-color: #f1f2f5;
-}
-html:not(#__):not(#___) .cadmin .sidebar-light .panel-unstyled .header .link:focus {
-  box-shadow: 0 0 0 4px #fff, 0 0 0 6px #5791ff;
-}
-html:not(#__):not(#___) .cadmin .sidebar-light .sidebar-list-group .component-title {
-  font-size: 16px;
-}
-html:not(#__):not(#___) .cadmin .sidebar-light .sidebar-list-group .component-title .href {
-  color: #272833;
-}
-html:not(#__):not(#___) .cadmin .sidebar-light .component-navigation-bar {
-  background-color: #fff;
-  border-color: #cdced9;
-}
-html:not(#__):not(#___) .cadmin .sidebar-light .component-navigation-bar .navbar-nav .nav-link {
-  color: #6b6c7e;
-}
-html:not(#__):not(#___) .cadmin .sidebar-light .component-navigation-bar .navbar-nav .nav-link:hover {
-  color: #6b6c7e;
-}
-html:not(#__):not(#___) .cadmin .sidebar-light .component-navigation-bar .navbar-nav .nav-link:active {
-  color: #272833;
-}
-html:not(#__):not(#___) .cadmin .sidebar-light .component-navigation-bar .navbar-nav .nav-link:disabled {
-  color: #a7a9bc;
-}
 html:not(#__):not(#___) .cadmin .sidebar-dark {
   background-color: #272833;
   color: #fff;
-  background-color: #272833;
-  color: #fff;
 }
 html:not(#__):not(#___) .cadmin .sidebar-dark .close {
   color: #a7a9bc;
@@ -16753,61 +16626,9 @@ html:not(#__):not(#___) .cadmin .sidebar-dark .nav-nested .nav-link:disabled:act
 html:not(#__):not(#___) .cadmin .sidebar-dark .nav-nested .nav-link[aria-expanded=true], html:not(#__):not(#___) .cadmin .sidebar-dark .nav-nested .nav-link.show {
   color: #fff;
 }
-html:not(#__):not(#___) .cadmin .sidebar-dark .sidebar-header .component-title {
-  color: inherit;
-}
-html:not(#__):not(#___) .cadmin .sidebar-dark .sidebar-header .component-title .href {
-  color: inherit;
-}
-html:not(#__):not(#___) .cadmin .sidebar-dark .sidebar-header .component-subtitle {
-  color: inherit;
-}
-html:not(#__):not(#___) .cadmin .sidebar-dark .sidebar-header .component-subtitle .href {
-  color: inherit;
-}
-html:not(#__):not(#___) .cadmin .sidebar-dark .close {
-  color: #a7a9bc;
-}
-html:not(#__):not(#___) .cadmin .sidebar-dark .close:hover {
-  color: #fff;
-}
-html:not(#__):not(#___) .cadmin .sidebar-dark .nav-nested .nav-link {
-  border-radius: 4px;
-  color: #a7a9bc;
-  transition: box-shadow 0.15s ease-in-out;
-}
-@media (prefers-reduced-motion: reduce) {
-  html:not(#__):not(#___) .cadmin .sidebar-dark .nav-nested .nav-link {
-    transition: none;
-  }
-}
-html:not(#__):not(#___) .c-prefers-reduced-motion .cadmin .sidebar-dark .nav-nested .nav-link {
-  transition: none;
-}
-
-html:not(#__):not(#___) .cadmin .sidebar-dark .nav-nested .nav-link:hover {
-  color: #fff;
-}
-html:not(#__):not(#___) .cadmin .sidebar-dark .nav-nested .nav-link:focus {
-  box-shadow: 0 0 0 2px #fff, 0 0 0 4px #5791ff;
-  outline: 0;
-}
-html:not(#__):not(#___) .cadmin .sidebar-dark .nav-nested .nav-link:active {
-  color: #fff;
-}
-html:not(#__):not(#___) .cadmin .sidebar-dark .nav-nested .nav-link:disabled {
-  box-shadow: none;
-  color: #a7a9bc;
-  opacity: 0.65;
-}
-html:not(#__):not(#___) .cadmin .sidebar-dark .nav-nested .nav-link:disabled:active {
-  pointer-events: none;
-}
 html:not(#__):not(#___) .cadmin .sidebar-dark-l2 {
   background-color: #393a4a;
   color: #fff;
-  background-color: #393a4a;
-  color: #fff;
 }
 html:not(#__):not(#___) .cadmin .sidebar-dark-l2 .close {
   color: #a7a9bc;
@@ -16869,56 +16690,6 @@ html:not(#__):not(#___) .cadmin .sidebar-dark-l2 .nav-nested .nav-link:disabled:
 html:not(#__):not(#___) .cadmin .sidebar-dark-l2 .nav-nested .nav-link[aria-expanded=true], html:not(#__):not(#___) .cadmin .sidebar-dark-l2 .nav-nested .nav-link.show {
   color: #fff;
 }
-html:not(#__):not(#___) .cadmin .sidebar-dark-l2 .sidebar-header .component-title {
-  color: inherit;
-}
-html:not(#__):not(#___) .cadmin .sidebar-dark-l2 .sidebar-header .component-title .href {
-  color: inherit;
-}
-html:not(#__):not(#___) .cadmin .sidebar-dark-l2 .sidebar-header .component-subtitle {
-  color: inherit;
-}
-html:not(#__):not(#___) .cadmin .sidebar-dark-l2 .sidebar-header .component-subtitle .href {
-  color: inherit;
-}
-html:not(#__):not(#___) .cadmin .sidebar-dark-l2 .close {
-  color: #a7a9bc;
-}
-html:not(#__):not(#___) .cadmin .sidebar-dark-l2 .close:hover {
-  color: #fff;
-}
-html:not(#__):not(#___) .cadmin .sidebar-dark-l2 .nav-nested .nav-link {
-  border-radius: 4px;
-  color: #a7a9bc;
-  transition: box-shadow 0.15s ease-in-out;
-}
-@media (prefers-reduced-motion: reduce) {
-  html:not(#__):not(#___) .cadmin .sidebar-dark-l2 .nav-nested .nav-link {
-    transition: none;
-  }
-}
-html:not(#__):not(#___) .c-prefers-reduced-motion .cadmin .sidebar-dark-l2 .nav-nested .nav-link {
-  transition: none;
-}
-
-html:not(#__):not(#___) .cadmin .sidebar-dark-l2 .nav-nested .nav-link:hover {
-  color: #fff;
-}
-html:not(#__):not(#___) .cadmin .sidebar-dark-l2 .nav-nested .nav-link:focus {
-  box-shadow: 0 0 0 2px #fff, 0 0 0 4px #5791ff;
-  outline: 0;
-}
-html:not(#__):not(#___) .cadmin .sidebar-dark-l2 .nav-nested .nav-link:active {
-  color: #fff;
-}
-html:not(#__):not(#___) .cadmin .sidebar-dark-l2 .nav-nested .nav-link:disabled {
-  box-shadow: none;
-  color: #a7a9bc;
-  opacity: 0.65;
-}
-html:not(#__):not(#___) .cadmin .sidebar-dark-l2 .nav-nested .nav-link:disabled:active {
-  pointer-events: none;
-}
 html:not(#__):not(#___) .cadmin .c-slideout-start .sidebar-light {
   box-shadow: 0.25rem 0 0.5rem -0.25rem rgba(0, 0, 0, 0.1);
 }
@@ -16987,10 +16758,6 @@ html:not(#__):not(#___) .cadmin .c-slideout .sidebar {
   flex-shrink: 0;
   position: relative;
   width: 320px;
-  display: none;
-  flex-shrink: 0;
-  position: relative;
-  width: 320px;
 }
 html:not(#__):not(#___) .cadmin .c-slideout .sidebar .sidebar-body {
   flex-grow: 1;
@@ -16999,12 +16766,15 @@ html:not(#__):not(#___) .cadmin .c-slideout .sidebar .sidebar-body {
 html:not(#__):not(#___) .cadmin .c-slideout .sidebar .sidebar-footer {
   border-top-width: 1px;
 }
-html:not(#__):not(#___) .cadmin .c-slideout .sidebar .sidebar-body {
-  flex-grow: 1;
-  overflow: visible;
-}
-html:not(#__):not(#___) .cadmin .c-slideout .sidebar .sidebar-footer {
-  border-top-width: 1px;
+@supports (position: sticky) {
+  @media (max-height: 700px) {
+    html:not(#__):not(#___) .cadmin .c-slideout .sidebar .sidebar-header.sticky-top {
+      position: static;
+    }
+    html:not(#__):not(#___) .cadmin .c-slideout .sidebar .sidebar-footer.sticky-bottom {
+      position: static;
+    }
+  }
 }
 html:not(#__):not(#___) .cadmin .c-slideout .sidebar.c-slideout-show {
   display: flex;
@@ -17034,7 +16804,6 @@ html:not(#__):not(#___) .cadmin .c-slideout .tbar-stacked.c-slideout-transition
 @media (max-width: 767.98px) {
   html:not(#__):not(#___) .cadmin .c-slideout .sidebar {
     width: 280px;
-    width: 280px;
   }
 }
 html:not(#__):not(#___) .cadmin .c-slideout-start {
@@ -17048,8 +16817,6 @@ html:not(#__):not(#___) .cadmin .c-slideout-start.c-slideout-tbar-shown .sidebar
 html:not(#__):not(#___) .cadmin .c-slideout-start .sidebar {
   left: -360px;
   width: 320px;
-  left: -360px;
-  width: 320px;
 }
 html:not(#__):not(#___) .cadmin .c-slideout-start .sidebar.c-slideout-show {
   left: 0;
@@ -17067,8 +16834,6 @@ html:not(#__):not(#___) .cadmin .c-slideout-start .tbar-stacked.c-slideout-show
   html:not(#__):not(#___) .cadmin .c-slideout-start .sidebar {
     left: -320px;
     width: 280px;
-    left: -320px;
-    width: 280px;
   }
   html:not(#__):not(#___) .cadmin .c-slideout-start .tbar-stacked {
     left: -40px;
@@ -17084,7 +16849,6 @@ html:not(#__):not(#___) .cadmin .c-slideout-end.c-slideout-tbar-shown .sidebar {
 }
 html:not(#__):not(#___) .cadmin .c-slideout-end .sidebar {
   right: -360px;
-  right: -360px;
 }
 html:not(#__):not(#___) .cadmin .c-slideout-end .sidebar.c-slideout-show {
   right: 0;
@@ -17105,7 +16869,6 @@ html:not(#__):not(#___) .cadmin .c-slideout-end .c-horizontal-resizer {
   }
   html:not(#__):not(#___) .cadmin .c-slideout-end .sidebar {
     right: -320px;
-    right: -320px;
   }
   html:not(#__):not(#___) .cadmin .c-slideout-end .tbar-stacked {
     right: -40px;
@@ -19934,6 +19697,12 @@ html:not(#__):not(#___) .cadmin .c-focus-inset:focus:not(:disabled):not(.disable
   border-color: #5791ff;
   outline: 0;
 }
+html:not(#__):not(#___) .cadmin .c-focus-trap {
+  background: inherit;
+  color: inherit;
+  display: contents;
+  font: inherit;
+}
 html:not(#__):not(#___) .cadmin .autofit-row {
   display: flex;
   flex-wrap: nowrap;