@clayui/css 3.83.0 → 3.84.0

package/lib/css/base.css

@@ -1,6 +1,6 @@
 @charset "UTF-8";
 /**
- * Clay 3.83.0
+ * Clay 3.84.0
  *
  * SPDX-FileCopyrightText: © 2020 Liferay, Inc. <https://liferay.com>
  * SPDX-FileCopyrightText: © 2020 Contributors to the project Clay <https://github.com/liferay/clay/graphs/contributors>
@@ -3378,7 +3378,8 @@ input[type=button].btn-block {
 .alert-link.btn-unstyled:hover {
   text-decoration: underline;
 }
-.alert-link:focus,
+.alert-link.focus, .alert-link:focus,
+.alert-link.btn-unstyled.focus,
 .alert-link.btn-unstyled:focus {
   text-decoration: underline;
 }
@@ -3913,7 +3914,7 @@ input[type=button].btn-block {
 .badge[href]:hover, .badge[type]:hover {
   text-decoration: none;
 }
-.badge[href]:focus, .badge[type]:focus {
+.badge[href].focus, .badge[href]:focus, .badge[type].focus, .badge[type]:focus {
   box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
   outline: 0;
 }
@@ -3924,7 +3925,7 @@ input[type=button].btn-block {
 .badge a:hover {
   text-decoration: none;
 }
-.badge a:focus {
+.badge a.focus, .badge a:focus {
   text-decoration: none;
 }
 .badge > .c-inner {
@@ -4039,7 +4040,7 @@ input[type=button].btn-block {
   background-color: #0062cc;
   color: #fff;
 }
-[href].badge-primary:focus, [type].badge-primary:focus {
+[href].focus.badge-primary, [href].badge-primary:focus, [type].focus.badge-primary, [type].badge-primary:focus {
   background-color: #0062cc;
   box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5);
   color: #fff;
@@ -4052,7 +4053,7 @@ input[type=button].btn-block {
   background-color: #545b62;
   color: #fff;
 }
-[href].badge-secondary:focus, [type].badge-secondary:focus {
+[href].focus.badge-secondary, [href].badge-secondary:focus, [type].focus.badge-secondary, [type].badge-secondary:focus {
   background-color: #545b62;
   color: #fff;
   box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5);
@@ -4065,7 +4066,7 @@ input[type=button].btn-block {
   background-color: #1e7e34;
   color: #fff;
 }
-[href].badge-success:focus, [type].badge-success:focus {
+[href].focus.badge-success, [href].badge-success:focus, [type].focus.badge-success, [type].badge-success:focus {
   background-color: #1e7e34;
   color: #fff;
   box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5);
@@ -4078,7 +4079,7 @@ input[type=button].btn-block {
   background-color: #117a8b;
   color: #fff;
 }
-[href].badge-info:focus, [type].badge-info:focus {
+[href].focus.badge-info, [href].badge-info:focus, [type].focus.badge-info, [type].badge-info:focus {
   background-color: #117a8b;
   color: #fff;
   box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5);
@@ -4091,7 +4092,7 @@ input[type=button].btn-block {
   background-color: #d39e00;
   color: #212529;
 }
-[href].badge-warning:focus, [type].badge-warning:focus {
+[href].focus.badge-warning, [href].badge-warning:focus, [type].focus.badge-warning, [type].badge-warning:focus {
   background-color: #d39e00;
   color: #212529;
   box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5);
@@ -4104,7 +4105,7 @@ input[type=button].btn-block {
   background-color: #bd2130;
   color: #fff;
 }
-[href].badge-danger:focus, [type].badge-danger:focus {
+[href].focus.badge-danger, [href].badge-danger:focus, [type].focus.badge-danger, [type].badge-danger:focus {
   background-color: #bd2130;
   color: #fff;
   box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5);
@@ -4117,7 +4118,7 @@ input[type=button].btn-block {
   background-color: #dae0e5;
   color: #212529;
 }
-[href].badge-light:focus, [type].badge-light:focus {
+[href].focus.badge-light, [href].badge-light:focus, [type].focus.badge-light, [type].badge-light:focus {
   background-color: #dae0e5;
   color: #212529;
   box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5);
@@ -4130,7 +4131,7 @@ input[type=button].btn-block {
   background-color: #1d2124;
   color: #fff;
 }
-[href].badge-dark:focus, [type].badge-dark:focus {
+[href].focus.badge-dark, [href].badge-dark:focus, [type].focus.badge-dark, [type].badge-dark:focus {
   background-color: #1d2124;
   color: #fff;
   box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5);
@@ -4154,7 +4155,7 @@ input[type=button].btn-block {
   color: #0056b3;
   text-decoration: underline;
 }
-.breadcrumb-link:focus {
+.breadcrumb-link.focus, .breadcrumb-link:focus {
   color: #0056b3;
   text-decoration: underline;
 }
@@ -4447,7 +4448,8 @@ input[type=button].btn-block {
   color: inherit;
   text-decoration: none;
 }
-.label a:focus,
+.label a.focus, .label a:focus,
+.label .btn-unstyled.focus,
 .label .btn-unstyled:focus {
   color: inherit;
   text-decoration: none;
@@ -4582,7 +4584,7 @@ input[type=button].btn-block {
   border-color: #0062cc;
   color: #0062cc;
 }
-[href].label-primary:focus, [type].label-primary:focus, [tabindex].label-primary:focus {
+[href].focus.label-primary, [href].label-primary:focus, [type].focus.label-primary, [type].label-primary:focus, [tabindex].focus.label-primary, [tabindex].label-primary:focus {
   color: #0062cc;
 }
 .label-primary a:hover,
@@ -4604,7 +4606,7 @@ input[type=button].btn-block {
   border-color: #545b62;
   color: #545b62;
 }
-[href].label-secondary:focus, [type].label-secondary:focus, [tabindex].label-secondary:focus {
+[href].focus.label-secondary, [href].label-secondary:focus, [type].focus.label-secondary, [type].label-secondary:focus, [tabindex].focus.label-secondary, [tabindex].label-secondary:focus {
   color: #545b62;
 }
 .label-secondary a:hover,
@@ -4626,7 +4628,7 @@ input[type=button].btn-block {
   border-color: #1e7e34;
   color: #1e7e34;
 }
-[href].label-success:focus, [type].label-success:focus, [tabindex].label-success:focus {
+[href].focus.label-success, [href].label-success:focus, [type].focus.label-success, [type].label-success:focus, [tabindex].focus.label-success, [tabindex].label-success:focus {
   color: #1e7e34;
 }
 .label-success a:hover,
@@ -4648,7 +4650,7 @@ input[type=button].btn-block {
   border-color: #117a8b;
   color: #117a8b;
 }
-[href].label-info:focus, [type].label-info:focus, [tabindex].label-info:focus {
+[href].focus.label-info, [href].label-info:focus, [type].focus.label-info, [type].label-info:focus, [tabindex].focus.label-info, [tabindex].label-info:focus {
   color: #117a8b;
 }
 .label-info a:hover,
@@ -4670,7 +4672,7 @@ input[type=button].btn-block {
   border-color: #d39e00;
   color: #d39e00;
 }
-[href].label-warning:focus, [type].label-warning:focus, [tabindex].label-warning:focus {
+[href].focus.label-warning, [href].label-warning:focus, [type].focus.label-warning, [type].label-warning:focus, [tabindex].focus.label-warning, [tabindex].label-warning:focus {
   color: #d39e00;
 }
 .label-warning a:hover,
@@ -4692,7 +4694,7 @@ input[type=button].btn-block {
   border-color: #bd2130;
   color: #bd2130;
 }
-[href].label-danger:focus, [type].label-danger:focus, [tabindex].label-danger:focus {
+[href].focus.label-danger, [href].label-danger:focus, [type].focus.label-danger, [type].label-danger:focus, [tabindex].focus.label-danger, [tabindex].label-danger:focus {
   color: #bd2130;
 }
 .label-danger a:hover,
@@ -4714,7 +4716,7 @@ input[type=button].btn-block {
   border-color: #1d2124;
   color: #1d2124;
 }
-[href].label-dark:focus, [type].label-dark:focus, [tabindex].label-dark:focus {
+[href].focus.label-dark, [href].label-dark:focus, [type].focus.label-dark, [type].label-dark:focus, [tabindex].focus.label-dark, [tabindex].label-dark:focus {
   color: #1d2124;
 }
 .label-dark a:hover,
@@ -4736,7 +4738,7 @@ input[type=button].btn-block {
   border-color: #dae0e5;
   color: #dae0e5;
 }
-[href].label-light:focus, [type].label-light:focus, [tabindex].label-light:focus {
+[href].focus.label-light, [href].label-light:focus, [type].focus.label-light, [type].label-light:focus, [tabindex].focus.label-light, [tabindex].label-light:focus {
   color: #dae0e5;
 }
 .label-light a:hover,
@@ -6639,7 +6641,7 @@ input[type=button].btn-block {
   color: inherit;
   text-decoration: inherit;
 }
-.dropdown-item-indicator-text-start:focus {
+.dropdown-item-indicator-text-start.focus, .dropdown-item-indicator-text-start:focus {
   color: inherit;
   text-decoration: inherit;
 }
@@ -6694,7 +6696,7 @@ input[type=button].btn-block {
   color: inherit;
   text-decoration: inherit;
 }
-.dropdown-item-indicator-text-end:focus {
+.dropdown-item-indicator-text-end.focus, .dropdown-item-indicator-text-end:focus {
   color: inherit;
   text-decoration: inherit;
 }
@@ -7345,6 +7347,9 @@ select.form-control {
 select.form-control:disabled > option, select.form-control.disabled > option {
   cursor: not-allowed;
 }
+select.form-control option {
+  cursor: pointer;
+}
 select.form-control::-ms-expand {
   display: none;
 }
@@ -7375,6 +7380,7 @@ select.form-control:focus::-ms-value {
 select.form-control[size] {
   background-image: none;
   height: auto;
+  margin-left: 0;
   padding-left: 0.5rem;
   padding-right: 0.5rem;
   scrollbar-width: thin;
@@ -7383,9 +7389,13 @@ select.form-control[size] {
 select.form-control[size]:focus, select.form-control[size].focus {
   background-image: none;
 }
+select.form-control[size] option {
+  padding: 0.25rem;
+}
 select.form-control[multiple] {
   background-image: none;
   height: auto;
+  margin-left: 0;
   padding-left: 0.5rem;
   padding-right: 0.5rem;
   scrollbar-width: thin;
@@ -7394,6 +7404,9 @@ select.form-control[multiple] {
 select.form-control[multiple]:focus, select.form-control[multiple].focus {
   background-image: none;
 }
+select.form-control[multiple] option {
+  padding: 0.25rem;
+}
 textarea.form-control,
 textarea.form-control-plaintext,
 .form-control.form-control-textarea {
@@ -7809,7 +7822,7 @@ button.link-outline {
 .link-outline:hover {
   text-decoration: none;
 }
-.link-outline:focus {
+.link-outline.focus, .link-outline:focus {
   box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
   outline: 0;
 }
@@ -7961,7 +7974,7 @@ button.link-outline {
   background-color: #6c757d;
   color: #fff;
 }
-.component-action:focus {
+.component-action.focus, .component-action:focus {
   box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
   outline: 0;
 }
@@ -11655,7 +11668,7 @@ label.custom-control-label {
 .nav-link:hover {
   text-decoration: none;
 }
-.nav-link:focus {
+.nav-link.focus, .nav-link:focus {
   text-decoration: none;
   z-index: 1;
 }
@@ -11970,7 +11983,7 @@ label.custom-control-label {
 .nav-tabs .nav-link:hover {
   border-color: #e9ecef #e9ecef #dee2e6;
 }
-.nav-tabs .nav-link:focus {
+.nav-tabs .nav-link.focus, .nav-tabs .nav-link:focus {
   border-color: #e9ecef #e9ecef #dee2e6;
 }
 .nav-tabs .nav-link:active {
@@ -16187,7 +16200,7 @@ label.custom-control-label {
   text-decoration: none;
   z-index: 2;
 }
-.page-link:focus {
+.page-link.focus, .page-link:focus {
   box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
   outline: 0;
   z-index: 4;
@@ -16295,7 +16308,8 @@ label.custom-control-label {
   border-color: #dee2e6;
   color: #0056b3;
 }
-.pagination-items-per-page > a:focus,
+.pagination-items-per-page > a.focus, .pagination-items-per-page > a:focus,
+.pagination-items-per-page > button.focus,
 .pagination-items-per-page > button:focus {
   box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
   outline: 0;
@@ -16519,7 +16533,7 @@ label.custom-control-label {
 .panel-header-link:hover {
   color: inherit;
 }
-.panel-header-link:focus {
+.panel-header-link.focus, .panel-header-link:focus {
   z-index: 1;
 }
 .panel-header-link.panel-header.collapsed {
@@ -17571,6 +17585,7 @@ a.sheet-subtitle:hover {
 }
 .sidebar:focus, .sidebar.focus {
   box-shadow: inset 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
+  outline: 0;
 }
 .sidebar .container-fluid {
   padding-left: 1rem;
@@ -17782,7 +17797,7 @@ a.sheet-subtitle:hover {
 .sidebar-dark .nav-nested .nav-link:hover {
   color: #fff;
 }
-.sidebar-dark .nav-nested .nav-link:focus {
+.sidebar-dark .nav-nested .nav-link.focus, .sidebar-dark .nav-nested .nav-link:focus {
   box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
   outline: 0;
 }
@@ -17840,7 +17855,7 @@ a.sheet-subtitle:hover {
 .sidebar-dark-l2 .nav-nested .nav-link:hover {
   color: #fff;
 }
-.sidebar-dark-l2 .nav-nested .nav-link:focus {
+.sidebar-dark-l2 .nav-nested .nav-link.focus, .sidebar-dark-l2 .nav-nested .nav-link:focus {
   box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
   outline: 0;
 }
@@ -20461,7 +20476,7 @@ caption {
 .treeview-link:hover {
   text-decoration: none;
 }
-.treeview-link:focus {
+.treeview-link.focus, .treeview-link:focus {
   box-shadow: inset 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
   outline: 0;
 }