@clayui/css 3.70.1 → 3.74.0

package/lib/css/base.css

@@ -1,6 +1,6 @@
 @charset "UTF-8";
 /**
- * Clay 3.70.1
+ * Clay 3.74.0
  *
  * SPDX-FileCopyrightText: © 2020 Liferay, Inc. <https://liferay.com>
  * SPDX-FileCopyrightText: © 2020 Contributors to the project Clay <https://github.com/liferay/clay/graphs/contributors>
@@ -1211,6 +1211,10 @@ button.collapse-icon .c-inner {
   margin-right: -0.75rem;
   margin-top: -0.375rem;
 }
+.btn .inline-item {
+  line-height: 1;
+  margin-top: -3px;
+}
 .btn .inline-item .lexicon-icon {
   margin-top: 0;
 }
@@ -1231,6 +1235,32 @@ fieldset:disabled a.btn:active {
   pointer-events: none;
 }
 
+.btn-xs {
+  font-size: 0.75rem;
+  padding-bottom: 0.125rem;
+  padding-left: 0.5rem;
+  padding-right: 0.5rem;
+  padding-top: 0.125rem;
+}
+.btn-xs .c-inner {
+  margin-bottom: -0.125rem;
+  margin-left: -0.5rem;
+  margin-right: -0.5rem;
+  margin-top: -0.125rem;
+}
+.btn-xs .inline-item {
+  font-size: inherit;
+  margin-top: -3px;
+}
+.btn-xs .inline-item-before {
+  margin-right: 0.25rem;
+}
+.btn-xs .inline-item-after {
+  margin-left: 0.25rem;
+}
+.btn-xs .btn-section {
+  font-size: 0.375rem;
+}
 .btn-group-lg > .btn,
 .btn-group-lg .btn-group > .btn, .btn-lg {
   border-radius: 0.3rem;
@@ -1304,6 +1334,10 @@ input[type=button].btn-block {
   margin: 0;
   max-width: none;
 }
+.btn-monospaced.btn-xs {
+  height: 1.5rem;
+  width: 1.5rem;
+}
 .btn-monospaced {
   align-items: center;
   display: inline-flex;
@@ -1338,6 +1372,9 @@ input[type=button].btn-block {
 .btn-monospaced .lexicon-icon {
   margin-top: 0;
 }
+.btn-monospaced .inline-item {
+  margin-top: 0;
+}
 .btn-group-vertical > .btn-monospaced.btn-lg, .btn-group-lg .btn-monospaced, .btn-monospaced.btn-lg {
   height: 3rem;
   width: 3rem;
@@ -5650,6 +5687,9 @@ input[type=button].btn-block {
 .form-check-card .custom-control .custom-control-input:checked ~ .card {
   box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
 }
+.form-check-card .custom-control .custom-control-input:checked ~ .card {
+  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
+}
 .form-check-card .form-check-input:checked ~ .card {
   box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
 }
@@ -8584,19 +8624,37 @@ label.custom-control-label {
   border-color: #007bff;
   color: #fff;
 }
+.custom-control-input:checked ~ .custom-control-label::before {
+  background-color: #007bff;
+  border-color: #007bff;
+  color: #fff;
+}
 .custom-control-input:checked[disabled] ~ .custom-control-label::before, .custom-control-input:checked:disabled ~ .custom-control-label::before {
   background-color: #e9ecef;
   box-shadow: none;
 }
+.custom-control-input:checked[readonly] ~ .custom-control-label::before {
+  background-color: #fff;
+  border-color: #adb5bd;
+}
 .custom-checkbox .custom-control-input ~ .custom-control-label::before {
   border-radius: 0.25rem;
 }
 .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'%20width='8'%20height='8'%20viewBox='0%200%208%208'%3E%3Cpath%20fill='%23fff'%20d='M6.564.75l-3.59%203.612-1.538-1.55L0%204.26l2.974%202.99L8%202.193z'/%3E%3C/svg%3E");
 }
+.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'%20width='8'%20height='8'%20viewBox='0%200%208%208'%3E%3Cpath%20fill='%23fff'%20d='M6.564.75l-3.59%203.612-1.538-1.55L0%204.26l2.974%202.99L8%202.193z'/%3E%3C/svg%3E");
+}
 .custom-checkbox .custom-control-input:checked[disabled] ~ .custom-control-label::before, .custom-checkbox .custom-control-input:checked:disabled ~ .custom-control-label::before {
   background-color: rgba(0, 123, 255, 0.5);
 }
+.custom-checkbox .custom-control-input:checked[readonly] ~ .custom-control-label::before {
+  background-color: #fff;
+}
+.custom-checkbox .custom-control-input:checked[readonly] ~ .custom-control-label::after {
+  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='8'%20height='8'%20viewBox='0%200%208%208'%3E%3Cpath%20fill='%236c757d'%20d='M6.564.75l-3.59%203.612-1.538-1.55L0%204.26l2.974%202.99L8%202.193z'/%3E%3C/svg%3E");
+}
 .custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::before {
   background-color: #007bff;
   border-color: #007bff;
@@ -8607,12 +8665,22 @@ label.custom-control-label {
 .custom-checkbox .custom-control-input:indeterminate[disabled] ~ .custom-control-label::before, .custom-checkbox .custom-control-input:indeterminate:disabled ~ .custom-control-label::before {
   background-color: rgba(0, 123, 255, 0.5);
 }
+.custom-checkbox .custom-control-input:indeterminate[readonly] ~ .custom-control-label::before {
+  background-color: #fff;
+  border-color: #adb5bd;
+}
+.custom-checkbox .custom-control-input:indeterminate[readonly] ~ .custom-control-label::after {
+  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='4'%20height='4'%20viewBox='0%200%204%204'%3E%3Cpath%20stroke='%23343a40'%20d='M0%202h4'/%3E%3C/svg%3E");
+}
 .custom-radio .custom-control-input ~ .custom-control-label::before {
   border-radius: 50%;
 }
 .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'%20width='12'%20height='12'%20viewBox='-4%20-4%208%208'%3E%3Ccircle%20r='3'%20fill='%23fff'/%3E%3C/svg%3E");
 }
+.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'%20width='12'%20height='12'%20viewBox='-4%20-4%208%208'%3E%3Ccircle%20r='3'%20fill='%23fff'/%3E%3C/svg%3E");
+}
 .custom-radio .custom-control-input:checked[disabled] ~ .custom-control-label::before, .custom-radio .custom-control-input:checked:disabled ~ .custom-control-label::before {
   background-color: rgba(0, 123, 255, 0.5);
 }
@@ -17830,16 +17898,16 @@ caption {
 .table-hover .table-disabled:hover td {
   background-color: #fff;
 }
-.table-primary,
-.table-primary > th,
-.table-primary > td {
+.table .table-primary,
+.table .table-primary > th,
+.table .table-primary > td {
   background-color: #b8daff;
   border-color: #7abaff;
 }
-.table-primary th,
-.table-primary td,
-.table-primary thead th,
-.table-primary tbody + tbody {
+.table .table-primary th,
+.table .table-primary td,
+.table .table-primary thead th,
+.table .table-primary tbody + tbody {
   border-color: #7abaff;
 }
 
@@ -17851,16 +17919,16 @@ caption {
   background-color: #9fcdff;
 }
 
-.table-secondary,
-.table-secondary > th,
-.table-secondary > td {
+.table .table-secondary,
+.table .table-secondary > th,
+.table .table-secondary > td {
   background-color: #d6d8db;
   border-color: #b3b7bb;
 }
-.table-secondary th,
-.table-secondary td,
-.table-secondary thead th,
-.table-secondary tbody + tbody {
+.table .table-secondary th,
+.table .table-secondary td,
+.table .table-secondary thead th,
+.table .table-secondary tbody + tbody {
   border-color: #b3b7bb;
 }
 
@@ -17872,16 +17940,16 @@ caption {
   background-color: #c8cbcf;
 }
 
-.table-success,
-.table-success > th,
-.table-success > td {
+.table .table-success,
+.table .table-success > th,
+.table .table-success > td {
   background-color: #c3e6cb;
   border-color: #8fd19e;
 }
-.table-success th,
-.table-success td,
-.table-success thead th,
-.table-success tbody + tbody {
+.table .table-success th,
+.table .table-success td,
+.table .table-success thead th,
+.table .table-success tbody + tbody {
   border-color: #8fd19e;
 }
 
@@ -17893,16 +17961,16 @@ caption {
   background-color: #b1dfbb;
 }
 
-.table-info,
-.table-info > th,
-.table-info > td {
+.table .table-info,
+.table .table-info > th,
+.table .table-info > td {
   background-color: #bee5eb;
   border-color: #86cfda;
 }
-.table-info th,
-.table-info td,
-.table-info thead th,
-.table-info tbody + tbody {
+.table .table-info th,
+.table .table-info td,
+.table .table-info thead th,
+.table .table-info tbody + tbody {
   border-color: #86cfda;
 }
 
@@ -17914,16 +17982,16 @@ caption {
   background-color: #abdde5;
 }
 
-.table-warning,
-.table-warning > th,
-.table-warning > td {
+.table .table-warning,
+.table .table-warning > th,
+.table .table-warning > td {
   background-color: #ffeeba;
   border-color: #ffdf7e;
 }
-.table-warning th,
-.table-warning td,
-.table-warning thead th,
-.table-warning tbody + tbody {
+.table .table-warning th,
+.table .table-warning td,
+.table .table-warning thead th,
+.table .table-warning tbody + tbody {
   border-color: #ffdf7e;
 }
 
@@ -17935,16 +18003,16 @@ caption {
   background-color: #ffe8a1;
 }
 
-.table-danger,
-.table-danger > th,
-.table-danger > td {
+.table .table-danger,
+.table .table-danger > th,
+.table .table-danger > td {
   background-color: #f5c6cb;
   border-color: #ed969e;
 }
-.table-danger th,
-.table-danger td,
-.table-danger thead th,
-.table-danger tbody + tbody {
+.table .table-danger th,
+.table .table-danger td,
+.table .table-danger thead th,
+.table .table-danger tbody + tbody {
   border-color: #ed969e;
 }
 
@@ -17956,16 +18024,16 @@ caption {
   background-color: #f1b0b7;
 }
 
-.table-light,
-.table-light > th,
-.table-light > td {
+.table .table-light,
+.table .table-light > th,
+.table .table-light > td {
   background-color: #fdfdfe;
   border-color: #fbfcfc;
 }
-.table-light th,
-.table-light td,
-.table-light thead th,
-.table-light tbody + tbody {
+.table .table-light th,
+.table .table-light td,
+.table .table-light thead th,
+.table .table-light tbody + tbody {
   border-color: #fbfcfc;
 }
 
@@ -17977,16 +18045,29 @@ caption {
   background-color: #ececf6;
 }
 
-.table-dark,
-.table-dark > th,
-.table-dark > td {
+.table .table-dark,
+.table .table-dark > th,
+.table .table-dark > td {
   background-color: #c6c8ca;
   border-color: #95999c;
 }
-.table-dark th,
-.table-dark td,
-.table-dark thead th,
-.table-dark tbody + tbody {
+.table .table-dark .table-title,
+.table .table-dark > th .table-title,
+.table .table-dark > td .table-title {
+  color: #fff;
+}
+.table .table-dark .table-title[href],
+.table .table-dark .table-title [href],
+.table .table-dark > th .table-title[href],
+.table .table-dark > th .table-title [href],
+.table .table-dark > td .table-title[href],
+.table .table-dark > td .table-title [href] {
+  color: inherit;
+}
+.table .table-dark th,
+.table .table-dark td,
+.table .table-dark thead th,
+.table .table-dark tbody + tbody {
   border-color: #95999c;
 }