@clayui/css 3.64.0 → 3.68.0

package/lib/css/base.css

@@ -1,6 +1,6 @@
 @charset "UTF-8";
 /**
- * Clay 3.64.0
+ * Clay 3.68.0
  *
  * 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,
@@ -296,7 +296,7 @@ template {
   display: none !important;
 }
 
-/* REUSE-Snippet-End */
+/* SPDX-SnippetEnd */
 h1,
 h2,
 h3,
@@ -3346,6 +3346,8 @@ input[type=button].btn-block {
 }
 .alert-indicator {
   font-size: 1.25rem;
+  line-height: 1;
+  vertical-align: 8%;
 }
 .alert-indicator + .lead {
   margin-left: 0.3125rem;
@@ -3429,6 +3431,7 @@ input[type=button].btn-block {
 }
 
 .autofit-row.alert-autofit-row {
+  align-items: baseline;
   margin-left: -0.5rem;
   margin-right: -0.5rem;
   width: auto;
@@ -3499,10 +3502,6 @@ input[type=button].btn-block {
   padding-top: 0.5625rem;
   min-height: 3.5rem;
 }
-.alert-inline.alert.alert-dismissible.alert-fluid > .container > .alert-autofit-row .btn-group,
-.alert-inline.alert.alert-dismissible.alert-fluid > .container-fluid > .alert-autofit-row .btn-group {
-  margin-right: 2rem;
-}
 .alert-inline.alert > .alert-autofit-row {
   align-items: center;
   margin-bottom: calc(-0.75rem - 1px);
@@ -6249,16 +6248,16 @@ input[type=button].btn-block {
   width: auto;
 }
 .dropdown-item.autofit-row {
-  padding-left: 1rem;
-  padding-right: 1rem;
+  padding-left: calc(1.5rem - 0.25rem);
+  padding-right: calc(1.5rem - 0.25rem);
 }
 .dropdown-item.autofit-row > .autofit-col {
   padding-left: 0.25rem;
   padding-right: 0.25rem;
 }
 .dropdown-item .autofit-row {
-  margin-left: 0.25rem;
-  margin-right: 0.25rem;
+  margin-left: -0.25rem;
+  margin-right: -0.25rem;
   width: auto;
 }
 .dropdown-item .autofit-row > .autofit-col {
@@ -6514,10 +6513,16 @@ input[type=button].btn-block {
 .dropdown-menu-indicator-start .dropdown-subheader,
 .dropdown-menu-indicator-start .dropdown-caption,
 .dropdown-menu-indicator-start .dropdown-item {
-  padding-left: 3.5rem;
+  padding-left: calc(
+			1.5rem + 1rem + 1rem
+		);
 }
 .dropdown-menu-indicator-start .dropdown-item .c-inner {
-  margin-left: -3.5rem;
+  margin-left: calc((
+							1.5rem +
+								1rem +
+								1rem
+						) * -1);
 }
 
 .dropdown-item-indicator-start {
@@ -6563,10 +6568,16 @@ input[type=button].btn-block {
   padding-right: 0;
 }
 .dropdown-menu-indicator-end .dropdown-item {
-  padding-right: 3.5rem;
+  padding-right: calc(
+			1.5rem + 1rem + 1rem
+		);
 }
 .dropdown-menu-indicator-end .dropdown-item .c-inner {
-  margin-right: -3.5rem;
+  margin-right: calc((
+							1.5rem +
+								1rem +
+								1rem
+						) * -1);
 }
 
 .dropdown-item-indicator-end {
@@ -9335,29 +9346,14 @@ label.custom-control-label {
 
 .was-validated .form-control:valid, .form-control.is-valid {
   border-color: #28a745;
-  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='%2328a745' 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: 36px;
 }
 .was-validated .form-control:valid:focus, .form-control.is-valid:focus {
   border-color: #28a745;
   box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25);
 }
 
-.was-validated textarea.form-control:valid, textarea.form-control.is-valid {
-  background-position: top 9px right 9px;
-  padding-right: 36px;
-}
-
 .was-validated .custom-select:valid, .custom-select.is-valid {
   border-color: #28a745;
-  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='%23343a40'%20d='M2%200L0%202h4zm0%205L0%203h4z'/%3E%3C/svg%3E") no-repeat right 0.75rem 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='%2328a745' 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") #fff no-repeat center right 1.75rem/18px 18px;
-  padding-right: calc(
-	(1em * 0.75) + (2 * 0.375rem * 0.75) + 0.75rem +
-		1rem
-);
 }
 .was-validated .custom-select:valid:focus, .custom-select.is-valid:focus {
   border-color: #28a745;
@@ -9430,29 +9426,14 @@ label.custom-control-label {
 
 .was-validated .form-control:invalid, .form-control.is-invalid {
   border-color: #dc3545;
-  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23dc3545' 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='%23dc3545' stroke='none'/%3e%3c/svg%3e");
-  background-position: right 9px center;
-  background-repeat: no-repeat;
-  background-size: 18px 18px 18px 18px;
-  padding-right: 36px;
 }
 .was-validated .form-control:invalid:focus, .form-control.is-invalid:focus {
   border-color: #dc3545;
   box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25);
 }
 
-.was-validated textarea.form-control:invalid, textarea.form-control.is-invalid {
-  background-position: top 9px right 9px;
-  padding-right: 36px;
-}
-
 .was-validated .custom-select:invalid, .custom-select.is-invalid {
   border-color: #dc3545;
-  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='%23343a40'%20d='M2%200L0%202h4zm0%205L0%203h4z'/%3E%3C/svg%3E") no-repeat right 0.75rem center/8px 10px, url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23dc3545' 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='%23dc3545' stroke='none'/%3e%3c/svg%3e") #fff no-repeat center right 1.75rem/18px 18px;
-  padding-right: calc(
-	(1em * 0.75) + (2 * 0.375rem * 0.75) + 0.75rem +
-		1rem
-);
 }
 .was-validated .custom-select:invalid:focus, .custom-select.is-invalid:focus {
   border-color: #dc3545;
@@ -10645,10 +10626,6 @@ label.custom-control-label {
   background-color: #9fcdff;
   color: #004085;
 }
-.list-group-item-primary.list-group-item-action:focus {
-  background-color: #9fcdff;
-  color: #004085;
-}
 .list-group-item-primary.list-group-item-action.active {
   background-color: #004085;
   border-color: #004085;
@@ -10663,10 +10640,6 @@ label.custom-control-label {
   background-color: #c8cbcf;
   color: #383d41;
 }
-.list-group-item-secondary.list-group-item-action:focus {
-  background-color: #c8cbcf;
-  color: #383d41;
-}
 .list-group-item-secondary.list-group-item-action.active {
   background-color: #383d41;
   border-color: #383d41;
@@ -10681,10 +10654,6 @@ label.custom-control-label {
   background-color: #b1dfbb;
   color: #155724;
 }
-.list-group-item-success.list-group-item-action:focus {
-  background-color: #b1dfbb;
-  color: #155724;
-}
 .list-group-item-success.list-group-item-action.active {
   background-color: #155724;
   border-color: #155724;
@@ -10699,10 +10668,6 @@ label.custom-control-label {
   background-color: #abdde5;
   color: #0c5460;
 }
-.list-group-item-info.list-group-item-action:focus {
-  background-color: #abdde5;
-  color: #0c5460;
-}
 .list-group-item-info.list-group-item-action.active {
   background-color: #0c5460;
   border-color: #0c5460;
@@ -10717,10 +10682,6 @@ label.custom-control-label {
   background-color: #ffe8a1;
   color: #856404;
 }
-.list-group-item-warning.list-group-item-action:focus {
-  background-color: #ffe8a1;
-  color: #856404;
-}
 .list-group-item-warning.list-group-item-action.active {
   background-color: #856404;
   border-color: #856404;
@@ -10735,10 +10696,6 @@ label.custom-control-label {
   background-color: #f1b0b7;
   color: #721c24;
 }
-.list-group-item-danger.list-group-item-action:focus {
-  background-color: #f1b0b7;
-  color: #721c24;
-}
 .list-group-item-danger.list-group-item-action.active {
   background-color: #721c24;
   border-color: #721c24;
@@ -10753,10 +10710,6 @@ label.custom-control-label {
   background-color: #ececf6;
   color: #818182;
 }
-.list-group-item-light.list-group-item-action:focus {
-  background-color: #ececf6;
-  color: #818182;
-}
 .list-group-item-light.list-group-item-action.active {
   background-color: #818182;
   border-color: #818182;
@@ -10771,10 +10724,6 @@ label.custom-control-label {
   background-color: #b9bbbe;
   color: #1b1e21;
 }
-.list-group-item-dark.list-group-item-action:focus {
-  background-color: #b9bbbe;
-  color: #1b1e21;
-}
 .list-group-item-dark.list-group-item-action.active {
   background-color: #1b1e21;
   border-color: #1b1e21;
@@ -11045,8 +10994,12 @@ label.custom-control-label {
 .modal-footer {
   align-items: center;
   border-top: 0.0625rem solid #dee2e6;
-  border-bottom-left-radius: 0.2375rem;
-  border-bottom-right-radius: 0.2375rem;
+  border-bottom-left-radius: calc(
+	0.3rem - 0.0625rem
+);
+  border-bottom-right-radius: calc(
+	0.3rem - 0.0625rem
+);
   display: flex;
   flex-shrink: 0;
   flex-wrap: wrap;
@@ -16616,8 +16569,8 @@ label.custom-control-label {
 .popover-header {
   background-color: #f7f7f7;
   border-bottom: 0.0625rem solid #ebebeb;
-  border-top-left-radius: 0.2375rem;
-  border-top-right-radius: 0.2375rem;
+  border-top-left-radius: calc( 	0.3rem - 0.0625rem );
+  border-top-right-radius: calc( 	0.3rem - 0.0625rem );
   font-size: 1rem;
   font-weight: 500;
   margin-bottom: 0;
@@ -16628,8 +16581,8 @@ label.custom-control-label {
   display: none;
 }
 .popover-body {
-  border-bottom-left-radius: 0.2375rem;
-  border-bottom-right-radius: 0.2375rem;
+  border-bottom-left-radius: calc( 	0.3rem - 0.0625rem );
+  border-bottom-right-radius: calc( 	0.3rem - 0.0625rem );
   color: #212529;
   padding: 0.5rem 0.75rem;
 }
@@ -18800,9 +18753,6 @@ caption {
   border-width: 0 0 0.0625rem 0;
   height: 3.5rem;
 }
-.component-tbar .tbar-label {
-  border-width: 0.0625rem;
-}
 .subnav-tbar {
   font-size: 0.875rem;
 }
@@ -18902,9 +18852,6 @@ caption {
 .subnav-tbar .component-label {
   font-weight: 400;
 }
-.subnav-tbar .tbar-label {
-  border-width: 0.0625rem;
-}
 .subnav-tbar-primary {
   background-color: #a8d2ff;
   padding-bottom: 0.625rem;
@@ -18967,18 +18914,12 @@ caption {
 .subnav-tbar-primary.subnav-tbar-disabled .component-label {
   border-color: #6c757d;
 }
-.subnav-tbar-primary.subnav-tbar-disabled .tbar-label {
-  border-width: 0.0625rem;
-}
 .subnav-tbar-light {
   color: rgba(0, 0, 0, 0.5);
   background-color: #f8f9fa;
   padding-bottom: 0.125rem;
   padding-top: 0.125rem;
 }
-.subnav-tbar-light .tbar-label {
-  border-width: 0.0625rem;
-}
 .tbar-stacked {
   display: inline-flex;
   height: 100%;
@@ -19045,9 +18986,6 @@ caption {
   margin-right: 0;
   margin-top: 0;
 }
-.tbar-stacked .tbar-label {
-  border-width: 0.0625rem;
-}
 .tbar-light {
   background-color: #fff;
   box-shadow: inset 1px 0 0 0 #e9ecef, inset -1px 0 0 0 #e9ecef;
@@ -19080,9 +19018,6 @@ caption {
   background-color: #e9ecef;
   color: #343a40;
 }
-.tbar-light .tbar-label {
-  border-width: 0.0625rem;
-}
 .tbar-dark-l2 {
   background-color: #828e9a;
   box-shadow: inset 1px 0 0 0 rgba(255, 255, 255, 0.06), inset -1px 0 0 0 rgba(255, 255, 255, 0.06);
@@ -19116,9 +19051,6 @@ caption {
   background-color: rgba(255, 255, 255, 0.06);
   color: #fff;
 }
-.tbar-dark-l2 .tbar-label {
-  border-width: 0.0625rem;
-}
 .tbar-dark-d1 {
   background-color: #23272b;
   box-shadow: inset 1px 0 0 0 rgba(255, 255, 255, 0.06), inset -1px 0 0 0 rgba(255, 255, 255, 0.06);
@@ -19161,9 +19093,6 @@ caption {
   background-color: rgba(255, 255, 255, 0.06);
   color: #fff;
 }
-.tbar-dark-d1 .tbar-label {
-  border-width: 0.0625rem;
-}
 .timeline {
   list-style: none;
   padding-left: 0;
@@ -20548,13 +20477,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.2rem rgba(0, 123, 255, 0.25);
+}
 
 .inline-item {
   align-items: center;
@@ -24294,9 +24229,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;
@@ -24355,7 +24290,7 @@ button.bg-dark:focus {
 			);
 }
 
-/* REUSE-Snippet-End */
+/* SPDX-SnippetEnd */
 .flex-row {
   flex-direction: row !important;
 }
@@ -28960,9 +28895,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 {
   *,
@@ -29058,6 +28993,6 @@ h3 {
     color: inherit;
   }
 }
-/* REUSE-Snippet-End */
+/* SPDX-SnippetEnd */
 
 /*# sourceMappingURL=base.css.map */