@clayui/css 3.109.0 → 3.111.0

package/lib/css/cadmin.css

@@ -1,6 +1,6 @@
 @charset "UTF-8";
 /**
- * Clay 3.109.0
+ * Clay 3.111.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.109.0
+ * Clay 3.111.0
  *
  * SPDX-FileCopyrightText: © 2020 Liferay, Inc. <https://liferay.com>
  * SPDX-FileCopyrightText: © 2020 Contributors to the project Clay <https://github.com/liferay/clay/graphs/contributors>
@@ -895,7 +895,7 @@ html:not(#__):not(#___) .cadmin .btn {
   border-width: 1px;
   border-radius: 4px;
   box-shadow: [];
-  color: #272833;
+  color: #1c1c24;
   cursor: pointer;
   display: inline-block;
   font-size: 16px;
@@ -925,7 +925,7 @@ html:not(#__):not(#___) .c-prefers-reduced-motion .cadmin .btn {
 }
 
 html:not(#__):not(#___) .cadmin .btn:hover {
-  color: #272833;
+  color: #1c1c24;
   text-decoration: none;
 }
 html:not(#__):not(#___) .cadmin .btn.focus, html:not(#__):not(#___) .cadmin .btn:focus-visible,
@@ -5672,7 +5672,7 @@ html:not(#__):not(#___) .cadmin .form-check-card .form-check-input {
   z-index: 1;
 }
 html:not(#__):not(#___) .cadmin .form-check-card .form-check-label {
-  color: #272833;
+  color: #1c1c24;
   display: inline;
   font-weight: 400;
   padding-left: 0;
@@ -6324,7 +6324,7 @@ html:not(#__):not(#___) .cadmin .dropdown-menu, html:not(#__):not(#___) .cadmin.
   border-width: 0;
   border-radius: 4px;
   box-shadow: 0 1px 5px -1px rgba(0, 0, 0, 0.3);
-  color: #272833;
+  color: #1c1c24;
   display: none;
   float: left;
   font-size: 14px;
@@ -6386,6 +6386,125 @@ html:not(#__):not(#___) .cadmin .dropdown-menu > .list-unstyled, html:not(#__):n
 html:not(#__):not(#___) .cadmin .dropdown-menu.show, html:not(#__):not(#___) .cadmin.dropdown-menu.show {
   display: block;
 }
+html:not(#__):not(#___) .cadmin .dropdown-menu-select.dropdown-menu .dropdown-header {
+  padding-bottom: 6px;
+  padding-left: 28px;
+  padding-right: 8px;
+  padding-top: 5px;
+}
+html:not(#__):not(#___) .cadmin .dropdown-menu-select.dropdown-menu .dropdown-subheader {
+  padding-bottom: 7px;
+  padding-left: 28px;
+  padding-right: 8px;
+  padding-top: 7px;
+}
+html:not(#__):not(#___) .cadmin .dropdown-menu-select.dropdown-menu .dropdown-section {
+  padding-left: 28px;
+  padding-right: 8px;
+}
+html:not(#__):not(#___) .cadmin .dropdown-menu-select.dropdown-menu .dropdown-item {
+  padding-bottom: 6px;
+  padding-left: 28px;
+  padding-right: 8px;
+  padding-top: 5px;
+}
+html:not(#__):not(#___) .cadmin .dropdown-menu-select.dropdown-menu .dropdown-item .c-inner {
+  flex-grow: 1;
+  margin-bottom: -6px;
+  margin-left: -28px;
+  margin-right: -8px;
+  margin-top: -5px;
+  width: auto;
+}
+html:not(#__):not(#___) .cadmin .dropdown-menu-select.dropdown-menu .dropdown-item.autofit-row {
+  padding-left: 24px;
+  padding-right: 8px;
+}
+html:not(#__):not(#___) .cadmin .dropdown-menu-select.dropdown-menu .dropdown-item-scroll {
+  font-size: 16px;
+  height: 32px;
+  padding: 0;
+  position: absolute;
+  text-align: center;
+  z-index: 1;
+}
+html:not(#__):not(#___) .cadmin .dropdown-menu-select.dropdown-menu .dropdown-item-scroll:hover, html:not(#__):not(#___) .cadmin .dropdown-menu-select.dropdown-menu .dropdown-item-scroll.hover {
+  background-color: #f0f5ff;
+  background-image: none;
+  color: #272833;
+}
+html:not(#__):not(#___) .cadmin .dropdown-menu-select.dropdown-menu .dropdown-item-scroll.focus, html:not(#__):not(#___) .cadmin .dropdown-menu-select.dropdown-menu .dropdown-item-scroll:focus-visible, .c-prefers-focus html:not(#__):not(#___) .cadmin .dropdown-menu-select.dropdown-menu .dropdown-item-scroll:focus {
+  background-color: #f0f5ff;
+  background-image: none;
+  color: #272833;
+}
+html:not(#__):not(#___) .cadmin .dropdown-menu-select.dropdown-menu .dropdown-item-scroll:active {
+  background-color: #f0f5ff;
+  background-image: none;
+  color: #272833;
+}
+html:not(#__):not(#___) .cadmin .dropdown-menu-select.dropdown-menu .dropdown-item-scroll:active label {
+  color: #272833;
+}
+html:not(#__):not(#___) .cadmin .dropdown-menu-select.dropdown-menu .dropdown-item-scroll:active .form-check-label {
+  color: #272833;
+}
+html:not(#__):not(#___) .cadmin .dropdown-menu-select.dropdown-menu .dropdown-item-scroll.active {
+  background-color: #f0f5ff;
+  background-image: none;
+  color: #272833;
+}
+html:not(#__):not(#___) .cadmin .dropdown-menu-select.dropdown-menu .dropdown-item-scroll.active label {
+  color: #272833;
+}
+html:not(#__):not(#___) .cadmin .dropdown-menu-select.dropdown-menu .dropdown-item-scroll.active .form-check-label {
+  color: #272833;
+}
+html:not(#__):not(#___) .cadmin .dropdown-menu-select.dropdown-menu .dropdown-item-scroll:disabled, html:not(#__):not(#___) .cadmin .dropdown-menu-select.dropdown-menu .dropdown-item-scroll.disabled {
+  background-color: transparent;
+  background-image: none;
+  color: #a7a9bc;
+  cursor: not-allowed;
+}
+html:not(#__):not(#___) .cadmin .dropdown-menu-select.dropdown-menu .dropdown-item-scroll:disabled label,
+html:not(#__):not(#___) .cadmin .dropdown-menu-select.dropdown-menu .dropdown-item-scroll:disabled .form-check-label, html:not(#__):not(#___) .cadmin .dropdown-menu-select.dropdown-menu .dropdown-item-scroll.disabled label,
+html:not(#__):not(#___) .cadmin .dropdown-menu-select.dropdown-menu .dropdown-item-scroll.disabled .form-check-label {
+  color: #a7a9bc;
+}
+html:not(#__):not(#___) .cadmin .dropdown-menu-select.dropdown-menu .dropdown-item-scroll .c-inner {
+  flex-grow: 1;
+  width: auto;
+}
+html:not(#__):not(#___) .cadmin .dropdown-menu-select.dropdown-menu .dropdown-item-scroll-down {
+  background-image: linear-gradient(to top, white 84%, rgba(255, 255, 255, 0) 100%);
+  bottom: 6px;
+}
+html:not(#__):not(#___) .cadmin .dropdown-menu-select.dropdown-menu .dropdown-item-scroll-down .c-inner {
+  flex-grow: 1;
+  width: auto;
+}
+html:not(#__):not(#___) .cadmin .dropdown-menu-select.dropdown-menu .dropdown-item-scroll-up {
+  background-image: linear-gradient(to bottom, white 84%, rgba(255, 255, 255, 0) 100%);
+  top: 6px;
+}
+html:not(#__):not(#___) .cadmin .dropdown-menu-select.dropdown-menu .dropdown-item-scroll-up .c-inner {
+  flex-grow: 1;
+  width: auto;
+}
+html:not(#__):not(#___) .cadmin .dropdown-menu-select.dropdown-menu .dropdown-divider {
+  margin: 5px 0;
+}
+html:not(#__):not(#___) .cadmin .dropdown-menu-select.dropdown-menu.dropdown-menu-indicator-start .dropdown-item-indicator-start {
+  left: 8px;
+  top: 8px;
+}
+html:not(#__):not(#___) .cadmin .dropdown-menu-select.dropdown-menu.dropdown-menu-indicator-end .dropdown-item-indicator-end {
+  right: 8px;
+  top: 8px;
+}
+html:not(#__):not(#___) .cadmin .dropdown-menu-select.dropdown-menu-height-lg .inline-scroller {
+  max-height: 432px;
+}
 html:not(#__):not(#___) .cadmin .dropdown-menu-left, html:not(#__):not(#___) .cadmin.dropdown-menu-left {
   left: 0;
   right: auto;
@@ -6940,7 +7059,7 @@ html:not(#__):not(#___) .cadmin .form-control-plaintext {
   border-right-width: 1px;
   border-style: solid;
   border-top-width: 1px;
-  color: #272833;
+  color: #1c1c24;
   display: block;
   font-size: 16px;
   height: 40px;
@@ -10308,7 +10427,7 @@ html:not(#__):not(#___) .cadmin .list-group-item-action:hover, html:not(#__):not
 }
 html:not(#__):not(#___) .cadmin .list-group-item-action:active {
   background-color: #f1f2f5;
-  color: #272833;
+  color: #1c1c24;
 }
 html:not(#__):not(#___) .cadmin .list-group {
   border-radius: 4px;
@@ -12167,7 +12286,7 @@ html:not(#__):not(#___) .cadmin .menubar-vertical-expand-md .menubar-collapse.co
 html:not(#__):not(#___) .cadmin .menubar-vertical-expand-md.menubar-transparent .nav-link {
   border-radius: 4px;
   color: #6b6c7e;
-  letter-spacing: 0.02em;
+  letter-spacing: 0.016rem;
   margin-bottom: 4px;
   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;
 }
@@ -12235,7 +12354,7 @@ html:not(#__):not(#___) .cadmin .menubar-vertical-expand-md.menubar-transparent
   color: rgba(0, 0, 0, 0.3);
   box-shadow: none;
   font-weight: 400;
-  letter-spacing: 0.02em;
+  letter-spacing: 0.016rem;
 }
 html:not(#__):not(#___) .cadmin .menubar-vertical-expand-md.menubar-transparent .nav-link:disabled::before, html:not(#__):not(#___) .cadmin .menubar-vertical-expand-md.menubar-transparent .nav-link.disabled::before {
   content: none;
@@ -12417,7 +12536,7 @@ html:not(#__):not(#___) .cadmin .menubar-vertical-expand-lg .menubar-collapse.co
 html:not(#__):not(#___) .cadmin .menubar-vertical-expand-lg.menubar-transparent .nav-link {
   border-radius: 4px;
   color: #6b6c7e;
-  letter-spacing: 0.02em;
+  letter-spacing: 0.016rem;
   margin-bottom: 4px;
   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;
 }
@@ -12484,7 +12603,7 @@ html:not(#__):not(#___) .cadmin .menubar-vertical-expand-lg.menubar-transparent
   color: rgba(0, 0, 0, 0.3);
   box-shadow: none;
   font-weight: 400;
-  letter-spacing: 0.02em;
+  letter-spacing: 0.016rem;
 }
 html:not(#__):not(#___) .cadmin .menubar-vertical-expand-lg.menubar-transparent .nav-link:disabled::before, html:not(#__):not(#___) .cadmin .menubar-vertical-expand-lg.menubar-transparent .nav-link.disabled::before {
   content: none;
@@ -15667,7 +15786,7 @@ html:not(#__):not(#___) .cadmin .sheet-subtitle {
   border-color: #a7a9bc;
   border-style: solid;
   border-width: 0 0 1px 0;
-  color: #272833;
+  color: #1c1c24;
   display: block;
   font-size: 14px;
   font-weight: 600;
@@ -15710,7 +15829,7 @@ html:not(#__):not(#___) .cadmin .sheet-subtitle .btn {
 }
 html:not(#__):not(#___) .cadmin a.sheet-subtitle {
   border-radius: 1px;
-  color: #272833;
+  color: #1c1c24;
   transition: box-shadow 0.15s ease-in-out;
 }
 @media (prefers-reduced-motion: reduce) {
@@ -15731,7 +15850,7 @@ html:not(#__):not(#___) .c-prefers-focus .cadmin a.sheet-subtitle {
   outline: 0;
 }
 html:not(#__):not(#___) .cadmin .sheet-tertiary-title {
-  color: #272833;
+  color: #1c1c24;
   display: block;
   font-size: 14px;
   font-weight: 600;
@@ -16399,7 +16518,7 @@ html:not(#__):not(#___) .cadmin .table-head-title .inline-item-after {
 html:not(#__):not(#___) .cadmin .table {
   background-color: #fff;
   border-spacing: 0;
-  color: #272833;
+  color: #1c1c24;
   font-size: 14px;
   margin-bottom: 0;
   width: 100%;
@@ -16586,7 +16705,7 @@ html:not(#__):not(#___) .cadmin .table-striped tbody tr:nth-of-type(odd):not(.ta
 }
 html:not(#__):not(#___) .cadmin .table-hover tbody tr:hover {
   background-color: #f0f5ff;
-  color: #272833;
+  color: #1c1c24;
 }
 html:not(#__):not(#___) .cadmin .table-hover tbody tr:hover .quick-action-menu {
   background-color: #f0f5ff;
@@ -16824,7 +16943,7 @@ html:not(#__):not(#___) .cadmin .table-list {
   border-radius: 4px;
   border-style: solid;
   border-width: 1px 1px;
-  color: #272833;
+  color: #1c1c24;
   margin-bottom: 1px;
 }
 html:not(#__):not(#___) .cadmin .table-list thead {
@@ -17726,7 +17845,7 @@ html:not(#__):not(#___) .cadmin .tbar-stacked .tbar-item {
   padding-right: 0;
 }
 html:not(#__):not(#___) .cadmin .tbar-stacked .tbar-divider-before::before {
-  background-color: #272833;
+  background-color: #1c1c24;
   content: "";
   display: block;
   height: 1px;
@@ -17735,7 +17854,7 @@ html:not(#__):not(#___) .cadmin .tbar-stacked .tbar-divider-before::before {
   width: 40px;
 }
 html:not(#__):not(#___) .cadmin .tbar-stacked .tbar-divider-after::after {
-  background-color: #272833;
+  background-color: #1c1c24;
   content: "";
   display: block;
   height: 1px;
@@ -17922,7 +18041,7 @@ html:not(#__):not(#___) .cadmin .timeline-increment-text {
   max-width: 65px;
 }
 html:not(#__):not(#___) .cadmin .timeline-item-label {
-  color: #272833;
+  color: #1c1c24;
 }
 html:not(#__):not(#___) .cadmin .timeline-item {
   padding-bottom: 5px;
@@ -27410,7 +27529,7 @@ html:not(#__):not(#___) .cadmin a.text-dark:hover, html:not(#__):not(#___) .cadm
   color: #060608 !important;
 }
 html:not(#__):not(#___) .cadmin .text-body {
-  color: #272833 !important;
+  color: #1c1c24 !important;
 }
 html:not(#__):not(#___) .cadmin .text-muted {
   color: #a7a9bc !important;
@@ -27729,23 +27848,33 @@ html:not(#__):not(#___) .cadmin h3 {
 html:not(#__):not(#___) .cadmin h3 {
     page-break-after: avoid;
   }
+}
+@media print {
   @page {
-    html:not(#__):not(#___) .cadmin {
-      size: a3;
-    }
+    size: a3;
   }
+}
+@media print {
   html:not(#__):not(#___) .cadmin body {
     min-width: 992px !important;
   }
+}
+@media print {
   html:not(#__):not(#___) .cadmin .container {
     min-width: 992px !important;
   }
+}
+@media print {
   html:not(#__):not(#___) .cadmin .navbar {
     display: none;
   }
+}
+@media print {
   html:not(#__):not(#___) .cadmin .badge {
     border: 1px solid #000;
   }
+}
+@media print {
   html:not(#__):not(#___) .cadmin .table {
     border-collapse: collapse !important;
   }
@@ -27753,10 +27882,14 @@ html:not(#__):not(#___) .cadmin h3 {
 html:not(#__):not(#___) .cadmin .table th {
     background-color: #fff !important;
   }
+}
+@media print {
   html:not(#__):not(#___) .cadmin .table-bordered th,
 html:not(#__):not(#___) .cadmin .table-bordered td {
     border: 1px solid #e7e7ed !important;
   }
+}
+@media print {
   html:not(#__):not(#___) .cadmin .table-dark {
     color: inherit;
   }
@@ -27766,6 +27899,8 @@ html:not(#__):not(#___) .cadmin .table-dark thead th,
 html:not(#__):not(#___) .cadmin .table-dark tbody + tbody {
     border-color: #e7e7ed;
   }
+}
+@media print {
   html:not(#__):not(#___) .cadmin .table .thead-dark th {
     border-color: #e7e7ed;
     color: inherit;