@clayui/css 3.141.0 → 3.144.0

package/lib/css/cadmin.css

@@ -1,6 +1,6 @@
 @charset "UTF-8";
 /**
- * Clay 3.141.0
+ * Clay 3.144.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.141.0
+ * Clay 3.144.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;
@@ -9421,6 +9422,32 @@ html:not(#__):not(#___) .cadmin .date-picker .input-group-text {
     min-width: 24px;
   }
 }
+@media (max-width: 575.98px) {
+  html:not(#__):not(#___) .cadmin .date-picker .clay-time .form-control {
+    border-radius: 4px;
+    font-size: 14px;
+    height: 32px;
+    line-height: 1.5;
+    min-height: 32px;
+    padding-bottom: 4px;
+    padding-left: 12px;
+    padding-right: 12px;
+    padding-top: 4px;
+  }
+}
+@media (max-width: 575.98px) {
+  html:not(#__):not(#___) .cadmin .date-picker .clay-time .form-control {
+    border-radius: 4px;
+    font-size: 14px;
+    height: 32px;
+    line-height: 1.5;
+    min-height: 32px;
+    padding-bottom: 4px;
+    padding-left: 12px;
+    padding-right: 12px;
+    padding-top: 4px;
+  }
+}
 html:not(#__):not(#___) .cadmin .date-picker-dropdown-menu {
   max-height: none;
   max-width: 352px;
@@ -10679,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;
@@ -11015,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;
 }
@@ -11133,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;
 }
@@ -12491,6 +12387,12 @@ html:not(#__):not(#___) .cadmin .nav-tabs .nav-link > .c-inner {
   margin-bottom: -4.5px;
   margin-top: -4.5px;
 }
+html:not(#__):not(#___) .cadmin .nav-tabs .nav-link .inline-item-before {
+  margin-right: 4px;
+}
+html:not(#__):not(#___) .cadmin .nav-tabs .nav-link .inline-item-after {
+  margin-left: 4px;
+}
 html:not(#__):not(#___) .cadmin .nav-tabs .nav-item {
   margin-bottom: -1px;
 }
@@ -15684,17 +15586,6 @@ html:not(#__):not(#___) .c-prefers-focus .cadmin .popover:focus {
   outline: 0;
 }
 
-html:not(#__):not(#___) .cadmin .popover-secondary {
-  box-shadow: 0 8px 16px 0 rgba(11, 95, 255, 0.16);
-}
-html:not(#__):not(#___) .cadmin .popover-secondary .popover-header {
-  background-color: transparent;
-  border-color: transparent;
-  padding-bottom: 0;
-}
-html:not(#__):not(#___) .cadmin .popover-secondary .close {
-  color: #6b6c7e;
-}
 html:not(#__):not(#___) .cadmin .bs-popover-bottom,
 html:not(#__):not(#___) .cadmin .bs-popover-auto[x-placement^=bottom] {
   margin-top: 4.8px;