@clayui/css 3.142.2 → 3.145.0

package/lib/css/cadmin.css

@@ -1,6 +1,6 @@
 @charset "UTF-8";
 /**
- * Clay 3.142.2
+ * Clay 3.145.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.142.2
+ * Clay 3.145.0
  *
  * SPDX-FileCopyrightText: © 2020 Liferay, Inc. <https://liferay.com>
  * SPDX-FileCopyrightText: © 2020 Contributors to the project Clay <https://github.com/liferay/clay/graphs/contributors>
@@ -5788,9 +5788,6 @@ html:not(#__):not(#___) .cadmin .form-check-card .custom-control-label {
   position: absolute;
   z-index: 1;
 }
-html:not(#__):not(#___) .cadmin .form-check-card .custom-control-label::before, html:not(#__):not(#___) .cadmin .form-check-card .custom-control-label::after {
-  top: 0;
-}
 html:not(#__):not(#___) .cadmin .form-check-card .form-check-input {
   margin-left: 0;
   margin-top: 0;
@@ -9074,8 +9071,8 @@ html:not(#__):not(#___) .cadmin .form-file-input:disabled::-webkit-file-upload-b
 html:not(#__):not(#___) .cadmin .custom-control {
   display: block;
   line-height: 1;
-  margin-bottom: 16px;
-  min-height: 20px;
+  margin-bottom: 8px;
+  min-height: 24px;
   position: relative;
   text-align: left;
 }
@@ -9093,7 +9090,7 @@ html:not(#__):not(#___) .cadmin .custom-control-label {
   cursor: pointer;
   font-size: 14px;
   font-weight: 400;
-  line-height: 20px;
+  line-height: 24px;
   margin-bottom: 0;
   position: static;
   vertical-align: top;
@@ -9126,14 +9123,15 @@ html:not(#__):not(#___) .c-prefers-reduced-motion .cadmin .custom-control-label:
 }
 
 html:not(#__):not(#___) .cadmin .custom-control-label::after {
-  background: no-repeat 50%/50% 50%;
+  background: no-repeat 50%/8px 8px;
+  border-radius: 5000px;
   content: "";
   display: block;
-  height: 16px;
-  left: 0;
+  height: 24px;
+  left: -4px;
   position: absolute;
-  top: 2px;
-  width: 16px;
+  top: -2px;
+  width: 24px;
   z-index: 0;
 }
 html:not(#__):not(#___) .cadmin label.custom-control-label {
@@ -9151,17 +9149,20 @@ html:not(#__):not(#___) .cadmin .custom-control-primary .custom-control-label-te
 }
 html:not(#__):not(#___) .cadmin .custom-control-input {
   cursor: pointer;
-  height: 16px;
-  left: 0;
+  height: 24px;
+  left: -4px;
   opacity: 0;
   position: absolute;
-  top: 2px;
-  width: 16px;
+  top: 0;
+  width: 24px;
   z-index: 1;
 }
 html:not(#__):not(#___) .cadmin .custom-control-input:focus-visible ~ .custom-control-label::before,
 html:not(#__):not(#___) .c-prefers-focus .cadmin .custom-control-input:focus ~ .custom-control-label::before {
   border-color: #6b6c7e;
+}
+html:not(#__):not(#___) .cadmin .custom-control-input:focus-visible ~ .custom-control-label::after,
+html:not(#__):not(#___) .c-prefers-focus .cadmin .custom-control-input:focus ~ .custom-control-label::after {
   box-shadow: 0 0 0 2px #fff, 0 0 0 4px #5791ff;
 }
 
@@ -9210,7 +9211,7 @@ html:not(#__):not(#___) .cadmin .custom-checkbox .custom-control-input ~ .custom
 }
 html:not(#__):not(#___) .cadmin .custom-checkbox .custom-control-input:checked ~ .custom-control-label::after {
   background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20512%20512'%3E%3Cpath%20class='lexicon-icon-outline'%20d='M220.9%20377.2c-8%200-15.8-3.2-21.5-8.9l-91-91c-28.1-28.1%2014.8-71%2042.9-42.9l68.2%2068.2%20139.8-157.2c26.4-30%2072%2010.1%2045.6%2040.1L243.7%20366.9c-5.5%206.3-13.4%2010-21.8%2010.3h-1z'%20fill='%23fff'/%3E%3C/svg%3E");
-  background-size: 100%;
+  background-size: 16px;
 }
 html:not(#__):not(#___) .cadmin .custom-checkbox .custom-control-input:checked[disabled] ~ .custom-control-label::before, html:not(#__):not(#___) .cadmin .custom-checkbox .custom-control-input:checked:disabled ~ .custom-control-label::before {
   background-color: #b3cdff;
@@ -9234,7 +9235,7 @@ html:not(#__):not(#___) .cadmin .custom-checkbox .custom-control-input:indetermi
 }
 html:not(#__):not(#___) .cadmin .custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::after {
   background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20512%20512'%3E%3Cpath%20class='lexicon-icon-outline'%20d='M384%20288H128c-42.7%200-42.7-64%200-64h256c42.7%200%2042.7%2064%200%2064z'%20fill='%23fff'/%3E%3C/svg%3E");
-  background-size: 100%;
+  background-size: 16px;
 }
 html:not(#__):not(#___) .cadmin .custom-checkbox .custom-control-input:indeterminate[disabled] ~ .custom-control-label::before, html:not(#__):not(#___) .cadmin .custom-checkbox .custom-control-input:indeterminate:disabled ~ .custom-control-label::before {
   background-color: #b3cdff;
@@ -9261,7 +9262,7 @@ html:not(#__):not(#___) .cadmin .custom-radio .custom-control-input[disabled] ~
 }
 html:not(#__):not(#___) .cadmin .custom-radio .custom-control-input:checked ~ .custom-control-label::after {
   background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20512%20512'%3E%3Ccircle%20class='lexicon-icon-outline'%20cx='256'%20cy='256'%20r='256'%20fill='%23fff'/%3E%3C/svg%3E");
-  background-size: 50%;
+  background-size: 8px;
 }
 html:not(#__):not(#___) .cadmin .custom-radio .custom-control-input:checked[disabled] ~ .custom-control-label::before, html:not(#__):not(#___) .cadmin .custom-radio .custom-control-input:checked:disabled ~ .custom-control-label::before {
   background-color: #b3cdff;
@@ -10705,23 +10706,6 @@ html:not(#__):not(#___) .cadmin .list-group {
   margin-bottom: 24px;
   padding-left: 0;
 }
-html:not(#__):not(#___) .cadmin .list-group-bordered .list-group-item-flex {
-  padding: 0;
-}
-html:not(#__):not(#___) .cadmin .list-group-bordered .list-group-item-flex.active .autofit-col {
-  border-color: #e7e7ed;
-}
-html:not(#__):not(#___) .cadmin .list-group-bordered .autofit-col {
-  border-left: 1px solid #e7e7ed;
-  border-right: 1px solid #e7e7ed;
-  margin-left: -1px;
-  padding: 16px 16px;
-}
-html:not(#__):not(#___) .cadmin .list-group-bordered .autofit-col:first-child, html:not(#__):not(#___) .cadmin .list-group-bordered .autofit-col:last-child {
-  border-left-width: 0;
-  border-right-width: 0;
-  margin-left: 0;
-}
 html:not(#__):not(#___) .cadmin .list-group-header {
   align-items: center;
   background-color: #f7f8f9;
@@ -11041,110 +11025,6 @@ html:not(#__):not(#___) .cadmin .sidebar-list-group .list-group-item > .autofit-
 html:not(#__):not(#___) .cadmin .sidebar-list-group .list-group-item > .autofit-col:last-child, html:not(#__):not(#___) .cadmin .list-group-flush .list-group-item > .autofit-col:last-child {
   padding-right: 0;
 }
-html:not(#__):not(#___) .cadmin .list-group-item-primary {
-  background-color: #bbd2ff;
-  color: #063185;
-}
-html:not(#__):not(#___) .cadmin .list-group-item-primary.list-group-item-action:hover, html:not(#__):not(#___) .cadmin .list-group-item-primary.list-group-item-action:focus {
-  background-color: #a2c1ff;
-  color: #063185;
-}
-html:not(#__):not(#___) .cadmin .list-group-item-primary.list-group-item-action.active {
-  background-color: #063185;
-  border-color: #063185;
-  color: #fff;
-}
-html:not(#__):not(#___) .cadmin .list-group-item-secondary {
-  background-color: #d6d6db;
-  color: #383842;
-}
-html:not(#__):not(#___) .cadmin .list-group-item-secondary.list-group-item-action:hover, html:not(#__):not(#___) .cadmin .list-group-item-secondary.list-group-item-action:focus {
-  background-color: #c8c8cf;
-  color: #383842;
-}
-html:not(#__):not(#___) .cadmin .list-group-item-secondary.list-group-item-action.active {
-  background-color: #383842;
-  border-color: #383842;
-  color: #fff;
-}
-html:not(#__):not(#___) .cadmin .list-group-item-success {
-  background-color: #c3dbc8;
-  color: #15411f;
-}
-html:not(#__):not(#___) .cadmin .list-group-item-success.list-group-item-action:hover, html:not(#__):not(#___) .cadmin .list-group-item-success.list-group-item-action:focus {
-  background-color: #b3d1b9;
-  color: #15411f;
-}
-html:not(#__):not(#___) .cadmin .list-group-item-success.list-group-item-action.active {
-  background-color: #15411f;
-  border-color: #15411f;
-  color: #fff;
-}
-html:not(#__):not(#___) .cadmin .list-group-item-info {
-  background-color: #c4d1e8;
-  color: #182f59;
-}
-html:not(#__):not(#___) .cadmin .list-group-item-info.list-group-item-action:hover, html:not(#__):not(#___) .cadmin .list-group-item-info.list-group-item-action:focus {
-  background-color: #b2c3e1;
-  color: #182f59;
-}
-html:not(#__):not(#___) .cadmin .list-group-item-info.list-group-item-action.active {
-  background-color: #182f59;
-  border-color: #182f59;
-  color: #fff;
-}
-html:not(#__):not(#___) .cadmin .list-group-item-warning {
-  background-color: #ebceb8;
-  color: #602a00;
-}
-html:not(#__):not(#___) .cadmin .list-group-item-warning.list-group-item-action:hover, html:not(#__):not(#___) .cadmin .list-group-item-warning.list-group-item-action:focus {
-  background-color: #e5c0a4;
-  color: #602a00;
-}
-html:not(#__):not(#___) .cadmin .list-group-item-warning.list-group-item-action.active {
-  background-color: #602a00;
-  border-color: #602a00;
-  color: #fff;
-}
-html:not(#__):not(#___) .cadmin .list-group-item-danger {
-  background-color: #f5bdbd;
-  color: #710a0a;
-}
-html:not(#__):not(#___) .cadmin .list-group-item-danger.list-group-item-action:hover, html:not(#__):not(#___) .cadmin .list-group-item-danger.list-group-item-action:focus {
-  background-color: #f2a7a7;
-  color: #710a0a;
-}
-html:not(#__):not(#___) .cadmin .list-group-item-danger.list-group-item-action.active {
-  background-color: #710a0a;
-  border-color: #710a0a;
-  color: #fff;
-}
-html:not(#__):not(#___) .cadmin .list-group-item-light {
-  background-color: #fbfbfc;
-  color: #7d7e7f;
-}
-html:not(#__):not(#___) .cadmin .list-group-item-light.list-group-item-action:hover, html:not(#__):not(#___) .cadmin .list-group-item-light.list-group-item-action:focus {
-  background-color: #ececf1;
-  color: #7d7e7f;
-}
-html:not(#__):not(#___) .cadmin .list-group-item-light.list-group-item-action.active {
-  background-color: #7d7e7f;
-  border-color: #7d7e7f;
-  color: #fff;
-}
-html:not(#__):not(#___) .cadmin .list-group-item-dark {
-  background-color: #c3c3c6;
-  color: #14151b;
-}
-html:not(#__):not(#___) .cadmin .list-group-item-dark.list-group-item-action:hover, html:not(#__):not(#___) .cadmin .list-group-item-dark.list-group-item-action:focus {
-  background-color: #b6b6ba;
-  color: #14151b;
-}
-html:not(#__):not(#___) .cadmin .list-group-item-dark.list-group-item-action.active {
-  background-color: #14151b;
-  border-color: #14151b;
-  color: #fff;
-}
 html:not(#__):not(#___) .cadmin .show-quick-actions-on-hover .list-group-item:not(.active):hover .quick-action-menu {
   display: flex;
 }
@@ -11159,22 +11039,12 @@ html:not(#__):not(#___) .cadmin .list-group .quick-action-menu {
   padding-bottom: 16px;
   padding-top: 16px;
 }
-html:not(#__):not(#___) .cadmin .list-group-bordered .quick-action-menu {
-  margin-bottom: 0;
-  margin-top: 0;
-  padding-bottom: 16px;
-  padding-top: 16px;
-}
 html:not(#__):not(#___) .cadmin .list-group-item-flex.active .quick-action-menu {
   background-color: #f0f5ff;
 }
 html:not(#__):not(#___) .cadmin .list-group-item-flex.active .quick-action-item {
   color: #272833;
 }
-html:not(#__):not(#___) .cadmin .list-group-notification.list-group-bordered .quick-action-menu {
-  margin-bottom: 1px;
-  margin-top: 1px;
-}
 html:not(#__):not(#___) .cadmin .list-group-notification .list-group-item {
   border-width: 0;
 }
@@ -17122,9 +16992,6 @@ html:not(#__):not(#___) .cadmin .c-slideout .sidebar {
   position: relative;
   width: 320px;
 }
-html:not(#__):not(#___) .cadmin .c-slideout .sidebar .sidebar-header {
-  border-bottom-width: 1px;
-}
 html:not(#__):not(#___) .cadmin .c-slideout .sidebar .sidebar-body {
   flex-grow: 1;
   overflow: visible;
@@ -17132,9 +16999,6 @@ 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-header {
-  border-bottom-width: 1px;
-}
 html:not(#__):not(#___) .cadmin .c-slideout .sidebar .sidebar-body {
   flex-grow: 1;
   overflow: visible;