@clayui/css 3.62.1 → 3.65.1

package/lib/css/atlas.css

@@ -1,6 +1,6 @@
 @charset "UTF-8";
 /**
- * Clay 3.62.1
+ * Clay 3.65.1
  *
  * SPDX-FileCopyrightText: © 2020 Liferay, Inc. <https://liferay.com>
  * SPDX-FileCopyrightText: © 2020 Contributors to the project Clay <https://github.com/liferay/clay/graphs/contributors>
@@ -46,9 +46,9 @@
   --font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
 }
 
-/* REUSE-Snippet-Begin
+/* SPDX-SnippetBegin
  * SPDX-License-Identifier: MIT
- * SPDX-FileCopyrightText: © 2016 Nicolas Gallagher and Jonathan Neal <https://github.com/necolas/normalize.css>
+ * SPDX-SnippetCopyrightText: © 2016 Nicolas Gallagher and Jonathan Neal <https://github.com/necolas/normalize.css>
  */
 *,
 *::before,
@@ -303,7 +303,7 @@ template {
   display: none !important;
 }
 
-/* REUSE-Snippet-End */
+/* SPDX-SnippetEnd */
 h1,
 h2,
 h3,
@@ -2027,8 +2027,8 @@ input[type=button].btn-block {
 .container {
   margin-left: auto;
   margin-right: auto;
-  padding-left: 12px;
-  padding-right: 12px;
+  padding-left: calc(24px * 0.5);
+  padding-right: calc(24px * 0.5);
   width: 100%;
 }
 @media (min-width: 576px) {
@@ -2055,8 +2055,8 @@ input[type=button].btn-block {
 .container-xl, .container-lg, .container-md, .container-sm, .container-fluid {
   margin-left: auto;
   margin-right: auto;
-  padding-left: 12px;
-  padding-right: 12px;
+  padding-left: calc(24px * 0.5);
+  padding-right: calc(24px * 0.5);
   width: 100%;
 }
 
@@ -3379,6 +3379,7 @@ input[type=button].btn-block {
 }
 .alert-indicator {
   font-size: 1rem;
+  line-height: 1;
 }
 .alert-indicator + .lead {
   margin-left: 0.3125rem;
@@ -3485,6 +3486,7 @@ input[type=button].btn-block {
 }
 
 .autofit-row.alert-autofit-row {
+  align-items: baseline;
   margin-left: -0.25rem;
   margin-right: -0.25rem;
   width: auto;
@@ -7389,6 +7391,7 @@ div.form-control-sm {
   flex-wrap: wrap;
   height: auto;
   padding-bottom: 0.125rem;
+  padding-left: 0.5rem;
   padding-right: 0.5rem;
   padding-top: 0.125rem;
 }
@@ -7455,6 +7458,7 @@ div.form-control-sm {
   color: #272833;
   flex-grow: 1;
   margin-bottom: 0.3125rem;
+  margin-left: 0.5rem;
   margin-top: 0.3125rem;
   min-height: 1.5rem;
   padding: 0;
@@ -7765,6 +7769,7 @@ textarea.form-control-lg,
 }
 .form-group-sm .input-group .form-control-tag-group .form-control-inset, .input-group-sm .form-control-tag-group .form-control-inset, .form-group-sm .form-control-tag-group.input-group .form-control-inset, .form-control-tag-group.input-group-sm .form-control-inset, .form-control-tag-group-sm.form-control .form-control-inset {
   margin-bottom: 0.125rem;
+  margin-left: 0.5rem;
   margin-top: 0.1875rem;
 }
 .form-group {
@@ -9835,29 +9840,14 @@ label.custom-control-label {
 
 .was-validated .form-control:valid, .form-control.is-valid {
   border-color: #287d3c;
-  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%23287d3c' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");
-  background-position: right 9px center;
-  background-repeat: no-repeat;
-  background-size: 18px 18px 18px 18px;
-  padding-right: 2.375rem;
 }
 .was-validated .form-control:valid:focus, .form-control.is-valid:focus {
   border-color: #287d3c;
   box-shadow: 0 0 0 0.2rem rgba(40, 125, 60, 0.25);
 }
 
-.was-validated textarea.form-control:valid, textarea.form-control.is-valid {
-  background-position: top 9px right 9px;
-  padding-right: 2.375rem;
-}
-
 .was-validated .custom-select:valid, .custom-select.is-valid {
   border-color: #287d3c;
-  background: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='4'%20height='5'%20viewBox='0%200%204%205'%3E%3Cpath%20fill='%23393a4a'%20d='M2%200L0%202h4zm0%205L0%203h4z'/%3E%3C/svg%3E") no-repeat right 1rem center/8px 10px, url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%23287d3c' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e") #f1f2f5 no-repeat center right 2rem/18px 18px;
-  padding-right: calc(
-	(1em * 0.75) + (2 * 0.4375rem * 0.75) + 1rem +
-		1rem
-);
 }
 .was-validated .custom-select:valid:focus, .custom-select.is-valid:focus {
   border-color: #287d3c;
@@ -9930,29 +9920,14 @@ label.custom-control-label {
 
 .was-validated .form-control:invalid, .form-control.is-invalid {
   border-color: #da1414;
-  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23da1414' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23da1414' stroke='none'/%3e%3c/svg%3e");
-  background-position: right 9px center;
-  background-repeat: no-repeat;
-  background-size: 18px 18px 18px 18px;
-  padding-right: 2.375rem;
 }
 .was-validated .form-control:invalid:focus, .form-control.is-invalid:focus {
   border-color: #da1414;
   box-shadow: 0 0 0 0.2rem rgba(218, 20, 20, 0.25);
 }
 
-.was-validated textarea.form-control:invalid, textarea.form-control.is-invalid {
-  background-position: top 9px right 9px;
-  padding-right: 2.375rem;
-}
-
 .was-validated .custom-select:invalid, .custom-select.is-invalid {
   border-color: #da1414;
-  background: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='4'%20height='5'%20viewBox='0%200%204%205'%3E%3Cpath%20fill='%23393a4a'%20d='M2%200L0%202h4zm0%205L0%203h4z'/%3E%3C/svg%3E") no-repeat right 1rem center/8px 10px, url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23da1414' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23da1414' stroke='none'/%3e%3c/svg%3e") #f1f2f5 no-repeat center right 2rem/18px 18px;
-  padding-right: calc(
-	(1em * 0.75) + (2 * 0.4375rem * 0.75) + 1rem +
-		1rem
-);
 }
 .was-validated .custom-select:invalid:focus, .custom-select.is-invalid:focus {
   border-color: #da1414;
@@ -21549,6 +21524,10 @@ caption {
   background-color: transparent;
   color: rgba(107, 108, 126, 0.5);
 }
+.treeview-light .treeview-link.treeview-no-hover:hover {
+  background-color: transparent;
+  color: #6b6c7e;
+}
 .treeview-dark .component-expander {
   color: #a7a9bc;
 }
@@ -21573,6 +21552,10 @@ caption {
   background-color: transparent;
   color: rgba(167, 169, 188, 0.5);
 }
+.treeview-dark .treeview-link.treeview-no-hover:hover {
+  background-color: transparent;
+  color: #a7a9bc;
+}
 .treeview-dark .component-action {
   color: #a7a9bc;
 }
@@ -21861,13 +21844,19 @@ ul.autofit-row {
 }
 
 .inline-scroller {
+  -webkit-overflow-scrolling: touch;
   list-style: none;
   margin: 0;
   max-height: 125px;
   overflow: auto;
-  -webkit-overflow-scrolling: touch;
   padding: 0;
 }
+.inline-scroller:focus {
+  outline: 0;
+}
+.inline-scroller:focus-visible {
+  box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #80acff;
+}
 
 .inline-item {
   align-items: center;
@@ -26327,9 +26316,9 @@ button.bg-dark:focus {
     display: inline-flex !important;
   }
 }
-/* REUSE-Snippet-Begin
+/* SPDX-SnippetBegin
  * SPDX-License-Identifier: MIT
- * SPDX-Copyright: © 2012 Nicolas Gallagher <https://github.com/suitcss/components-flex-embed>
+ * SPDX-SnippetCopyrightText: © 2012 Nicolas Gallagher <https://github.com/suitcss/components-flex-embed>
  */
 .embed-responsive {
   display: block;
@@ -26420,7 +26409,7 @@ button.bg-dark:focus {
 			);
 }
 
-/* REUSE-Snippet-End */
+/* SPDX-SnippetEnd */
 .flex-row {
   flex-direction: row !important;
 }
@@ -31745,9 +31734,9 @@ a.text-dark:hover, a.text-dark:focus {
 .loading-animation-light {
   color: #fff;
 }
-/* REUSE-Snippet-Begin
+/* SPDX-SnippetBegin
  * SPDX-License-Identifier: MIT
- * SPDX-FileCopyrightText: © 2018 HTML5 Boilerplate <https://github.com/h5bp/main.css>
+ * SPDX-SnippetCopyrightText: © 2018 HTML5 Boilerplate <https://github.com/h5bp/main.css>
  */
 @media print {
   *,
@@ -31843,6 +31832,6 @@ h3 {
     color: inherit;
   }
 }
-/* REUSE-Snippet-End */
+/* SPDX-SnippetEnd */
 
 /*# sourceMappingURL=atlas.css.map */