@clayui/css 3.70.1 → 3.74.0

package/lib/css/atlas.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>
@@ -1231,7 +1231,8 @@ button.collapse-icon .c-inner {
   margin-top: -0.4375rem;
 }
 .btn .inline-item {
-  font-size: 1rem;
+  line-height: 1;
+  margin-top: -3px;
 }
 .btn .inline-item .lexicon-icon {
   margin-top: 0;
@@ -1253,6 +1254,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.25rem;
@@ -1334,6 +1361,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;
@@ -1368,6 +1399,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;
@@ -5797,6 +5831,9 @@ input[type=button].btn-block {
 .form-check-card .custom-control .custom-control-input:checked ~ .card {
   box-shadow: 0 0 0 2px #80acff;
 }
+.form-check-card .custom-control .custom-control-input:checked ~ .card {
+  box-shadow: 0 0 0 2px #80acff;
+}
 .form-check-card .form-check-input:checked ~ .card {
   box-shadow: 0 0 0 2px #80acff;
 }
@@ -9021,7 +9058,7 @@ label.custom-control-label {
 }
 .custom-control-input[disabled] ~ .custom-control-label::before, .custom-control-input:disabled ~ .custom-control-label::before {
   background-color: #f1f2f5;
-  border-color: transparent;
+  border-color: #e7e7ed;
   box-shadow: none;
 }
 .custom-control-input:checked ~ .custom-control-label::before {
@@ -9029,6 +9066,21 @@ label.custom-control-label {
   border-color: #0b5fff;
   color: #fff;
 }
+.custom-control-input[readonly] ~ .custom-control-label {
+  color: #272833;
+}
+.custom-control-input[readonly] ~ .custom-control-label::before {
+  background-color: #f1f2f5;
+  border-color: #e7e7ed;
+}
+.custom-control-input[readonly][disabled] ~ .custom-control-label {
+  color: #a7a9bc;
+}
+.custom-control-input:checked ~ .custom-control-label::before {
+  background-color: #0b5fff;
+  border-color: #0b5fff;
+  color: #fff;
+}
 .custom-control-input:checked:active ~ .custom-control-label::before {
   background-color: #0b5fff;
   border-color: #0b5fff;
@@ -9037,6 +9089,10 @@ label.custom-control-label {
   background-color: #f1f2f5;
   box-shadow: none;
 }
+.custom-control-input:checked[readonly] ~ .custom-control-label::before {
+  background-color: #fff;
+  border-color: #cdced9;
+}
 .custom-checkbox .custom-control-input ~ .custom-control-label::before {
   border-radius: 0.125rem;
 }
@@ -9044,10 +9100,27 @@ label.custom-control-label {
   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%;
 }
+.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%;
+}
 .custom-checkbox .custom-control-input:checked[disabled] ~ .custom-control-label::before, .custom-checkbox .custom-control-input:checked:disabled ~ .custom-control-label::before {
   background-color: #b3cdff;
   border-color: #b3cdff;
 }
+.custom-checkbox .custom-control-input:checked[readonly] ~ .custom-control-label::before {
+  background-color: #fff;
+  border-color: #cdced9;
+}
+.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'%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='%236b6c7e'/%3E%3C/svg%3E");
+}
+.custom-checkbox .custom-control-input:checked[readonly][disabled] ~ .custom-control-label::before {
+  opacity: 0.4;
+}
+.custom-checkbox .custom-control-input:checked[readonly][disabled] ~ .custom-control-label::after {
+  opacity: 0.4;
+}
 .custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::before {
   background-color: #0b5fff;
   border-color: #0b5fff;
@@ -9060,6 +9133,19 @@ label.custom-control-label {
   background-color: #b3cdff;
   border-color: #b3cdff;
 }
+.custom-checkbox .custom-control-input:indeterminate[readonly] ~ .custom-control-label::before {
+  background-color: #fff;
+  border-color: #cdced9;
+}
+.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'%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='%236b6c7e'/%3E%3C/svg%3E");
+}
+.custom-checkbox .custom-control-input:indeterminate[readonly][disabled] ~ .custom-control-label::before {
+  opacity: 0.4;
+}
+.custom-checkbox .custom-control-input:indeterminate[readonly][disabled] ~ .custom-control-label::after {
+  opacity: 0.4;
+}
 .custom-radio .custom-control-input ~ .custom-control-label::before {
   border-radius: 50%;
 }
@@ -9070,6 +9156,10 @@ label.custom-control-label {
   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%;
 }
+.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%;
+}
 .custom-radio .custom-control-input:checked[disabled] ~ .custom-control-label::before, .custom-radio .custom-control-input:checked:disabled ~ .custom-control-label::before {
   background-color: #b3cdff;
   border-color: #b3cdff;
@@ -19038,16 +19128,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: #bbd2ff;
   border-color: #80acff;
 }
-.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: #80acff;
 }
 
@@ -19059,16 +19149,16 @@ caption {
   background-color: #a2c1ff;
 }
 
-.table-secondary,
-.table-secondary > th,
-.table-secondary > td {
+.table .table-secondary,
+.table .table-secondary > th,
+.table .table-secondary > td {
   background-color: #d6d6db;
   border-color: #b2b3bc;
 }
-.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: #b2b3bc;
 }
 
@@ -19080,16 +19170,16 @@ caption {
   background-color: #c8c8cf;
 }
 
-.table-success,
-.table-success > th,
-.table-success > td {
+.table .table-success,
+.table .table-success > th,
+.table .table-success > td {
   background-color: #c3dbc8;
   border-color: #8fbb9a;
 }
-.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: #8fbb9a;
 }
 
@@ -19101,16 +19191,16 @@ caption {
   background-color: #b3d1b9;
 }
 
-.table-info,
-.table-info > th,
-.table-info > td {
+.table .table-info,
+.table .table-info > th,
+.table .table-info > td {
   background-color: #c4d1e8;
   border-color: #92a9d4;
 }
-.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: #92a9d4;
 }
 
@@ -19122,16 +19212,16 @@ caption {
   background-color: #b2c3e1;
 }
 
-.table-warning,
-.table-warning > th,
-.table-warning > td {
+.table .table-warning,
+.table .table-warning > th,
+.table .table-warning > td {
   background-color: #ebceb8;
   border-color: #dba47a;
 }
-.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: #dba47a;
 }
 
@@ -19143,16 +19233,16 @@ caption {
   background-color: #e5c0a4;
 }
 
-.table-danger,
-.table-danger > th,
-.table-danger > td {
+.table .table-danger,
+.table .table-danger > th,
+.table .table-danger > td {
   background-color: #f5bdbd;
   border-color: #ec8585;
 }
-.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: #ec8585;
 }
 
@@ -19164,16 +19254,16 @@ caption {
   background-color: #f2a7a7;
 }
 
-.table-light,
-.table-light > th,
-.table-light > td {
+.table .table-light,
+.table .table-light > th,
+.table .table-light > td {
   background-color: #fbfbfc;
   border-color: #f8f8fa;
 }
-.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: #f8f8fa;
 }
 
@@ -19185,16 +19275,29 @@ caption {
   background-color: #ececf1;
 }
 
-.table-dark,
-.table-dark > th,
-.table-dark > td {
+.table .table-dark,
+.table .table-dark > th,
+.table .table-dark > td {
   background-color: #c3c3c6;
   border-color: #8f8f95;
 }
-.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: #8f8f95;
 }