@clayui/css 3.65.1 → 3.69.0

package/lib/css/atlas.css

@@ -1,6 +1,6 @@
 @charset "UTF-8";
 /**
- * Clay 3.65.1
+ * Clay 3.69.0
  *
  * SPDX-FileCopyrightText: © 2020 Liferay, Inc. <https://liferay.com>
  * SPDX-FileCopyrightText: © 2020 Contributors to the project Clay <https://github.com/liferay/clay/graphs/contributors>
@@ -3557,11 +3557,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;
-  margin-left: 0.75rem;
-}
 .alert-inline.alert > .alert-autofit-row {
   align-items: center;
   margin-bottom: calc(-0.9375rem - 1px);
@@ -6305,8 +6300,8 @@ input[type=button].btn-block {
   font-size: 0.875rem;
   margin-top: 0.625rem;
   padding-bottom: 0.375rem;
-  padding-left: 1.25rem;
-  padding-right: 1.25rem;
+  padding-left: 1rem;
+  padding-right: 1rem;
   padding-top: 0.375rem;
   position: relative;
   overflow-wrap: break-word;
@@ -6322,8 +6317,8 @@ input[type=button].btn-block {
   font-weight: 600;
   margin-top: 0.625rem;
   padding-bottom: 0.375rem;
-  padding-left: 1.25rem;
-  padding-right: 1.25rem;
+  padding-left: 1rem;
+  padding-right: 1rem;
   padding-top: 0.375rem;
   text-transform: uppercase;
   white-space: normal;
@@ -6337,7 +6332,7 @@ input[type=button].btn-block {
 .dropdown-caption {
   color: #6b6c7e;
   font-size: 0.875rem;
-  padding: 0.5rem 1.25rem;
+  padding: 0.5rem 1rem;
   white-space: normal;
   overflow-wrap: break-word;
   word-wrap: break-word;
@@ -6354,8 +6349,8 @@ input[type=button].btn-block {
   font-weight: 400;
   overflow: hidden;
   padding-bottom: 0.5rem;
-  padding-left: 1.25rem;
-  padding-right: 1.25rem;
+  padding-left: 1rem;
+  padding-right: 1rem;
   padding-top: 0.5rem;
   position: relative;
   text-align: inherit;
@@ -6432,22 +6427,22 @@ input[type=button].btn-block {
 .dropdown-item .c-inner {
   flex-grow: 1;
   margin-bottom: -0.5rem;
-  margin-left: -1.25rem;
-  margin-right: -1.25rem;
+  margin-left: -1rem;
+  margin-right: -1rem;
   margin-top: -0.5rem;
   width: auto;
 }
 .dropdown-item.autofit-row {
-  padding-left: 1rem;
-  padding-right: 1rem;
+  padding-left: calc(1rem - 0.25rem);
+  padding-right: calc(1rem - 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 {
@@ -6478,13 +6473,13 @@ input[type=button].btn-block {
   display: block;
   font-weight: 400;
   padding-bottom: 0.5rem;
-  padding-left: 1.25rem;
-  padding-right: 1.25rem;
+  padding-left: 1rem;
+  padding-right: 1rem;
   padding-top: 0.5rem;
 }
 
 .dropdown-section {
-  padding: 0.5rem 1.25rem;
+  padding: 0.5rem 1rem;
 }
 .dropdown-section .form-group + .form-group {
   margin-top: 1rem;
@@ -6504,7 +6499,7 @@ input[type=button].btn-block {
 
 .dropdown-footer {
   box-shadow: -1px -2px 3px -3px rgba(0, 0, 0, 0.5);
-  padding: 0.5rem 1.25rem 0;
+  padding: 0.5rem 1rem 0;
   position: relative;
 }
 
@@ -6546,7 +6541,7 @@ input[type=button].btn-block {
 .dropdown-menu .alert {
   line-height: normal;
   margin: 0.5rem;
-  padding: 0.375rem 1.25rem;
+  padding: 0.375rem 1rem;
 }
 .dropdown-menu .alert:first-child {
   margin-top: 0;
@@ -6706,7 +6701,7 @@ input[type=button].btn-block {
 }
 .dropdown-menu-indicator-start .dropdown-item-indicator {
   height: 1rem;
-  left: 1.25rem;
+  left: 1rem;
   position: absolute;
   top: 0.5rem;
   width: 1rem;
@@ -6718,10 +6713,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.25rem;
+  padding-left: calc(
+			1rem + 1rem + 1rem
+		);
 }
 .dropdown-menu-indicator-start .dropdown-item .c-inner {
-  margin-left: -3.25rem;
+  margin-left: calc((
+							1rem +
+								1rem +
+								1rem
+						) * -1);
 }
 
 .dropdown-item-indicator-start {
@@ -6730,7 +6731,7 @@ input[type=button].btn-block {
   display: inline-flex;
   height: 1rem;
   justify-content: center;
-  left: 1.25rem;
+  left: 1rem;
   position: absolute;
   right: auto;
   top: calc( 				0.5rem - (( 								1rem - (1em * 1.5) 							) / 2) 			);
@@ -6760,17 +6761,23 @@ input[type=button].btn-block {
 }
 .dropdown-menu-indicator-end .dropdown-item-indicator {
   position: absolute;
-  right: 1.25rem;
+  right: 1rem;
   top: 0.5rem;
 }
 .dropdown-menu-indicator-end .dropdown-item-indicator-text-end {
   padding-right: 0;
 }
 .dropdown-menu-indicator-end .dropdown-item {
-  padding-right: 3.25rem;
+  padding-right: calc(
+			1rem + 1rem + 1rem
+		);
 }
 .dropdown-menu-indicator-end .dropdown-item .c-inner {
-  margin-right: -3.25rem;
+  margin-right: calc((
+							1rem +
+								1rem +
+								1rem
+						) * -1);
 }
 
 .dropdown-item-indicator-end {
@@ -6781,7 +6788,7 @@ input[type=button].btn-block {
   justify-content: center;
   left: auto;
   position: absolute;
-  right: 1.25rem;
+  right: 1rem;
   top: calc( 				0.5rem - (( 								1rem - (1em * 1.5) 							) / 2) 			);
   width: 1rem;
 }
@@ -11256,10 +11263,6 @@ label.custom-control-label {
   background-color: #a2c1ff;
   color: #063185;
 }
-.list-group-item-primary.list-group-item-action:focus {
-  background-color: #a2c1ff;
-  color: #063185;
-}
 .list-group-item-primary.list-group-item-action.active {
   background-color: #063185;
   border-color: #063185;
@@ -11274,10 +11277,6 @@ label.custom-control-label {
   background-color: #c8c8cf;
   color: #383842;
 }
-.list-group-item-secondary.list-group-item-action:focus {
-  background-color: #c8c8cf;
-  color: #383842;
-}
 .list-group-item-secondary.list-group-item-action.active {
   background-color: #383842;
   border-color: #383842;
@@ -11292,10 +11291,6 @@ label.custom-control-label {
   background-color: #b3d1b9;
   color: #15411f;
 }
-.list-group-item-success.list-group-item-action:focus {
-  background-color: #b3d1b9;
-  color: #15411f;
-}
 .list-group-item-success.list-group-item-action.active {
   background-color: #15411f;
   border-color: #15411f;
@@ -11310,10 +11305,6 @@ label.custom-control-label {
   background-color: #b2c3e1;
   color: #182f59;
 }
-.list-group-item-info.list-group-item-action:focus {
-  background-color: #b2c3e1;
-  color: #182f59;
-}
 .list-group-item-info.list-group-item-action.active {
   background-color: #182f59;
   border-color: #182f59;
@@ -11328,10 +11319,6 @@ label.custom-control-label {
   background-color: #e5c0a4;
   color: #602a00;
 }
-.list-group-item-warning.list-group-item-action:focus {
-  background-color: #e5c0a4;
-  color: #602a00;
-}
 .list-group-item-warning.list-group-item-action.active {
   background-color: #602a00;
   border-color: #602a00;
@@ -11346,10 +11333,6 @@ label.custom-control-label {
   background-color: #f2a7a7;
   color: #710a0a;
 }
-.list-group-item-danger.list-group-item-action:focus {
-  background-color: #f2a7a7;
-  color: #710a0a;
-}
 .list-group-item-danger.list-group-item-action.active {
   background-color: #710a0a;
   border-color: #710a0a;
@@ -11364,10 +11347,6 @@ label.custom-control-label {
   background-color: #ececf1;
   color: #7d7e7f;
 }
-.list-group-item-light.list-group-item-action:focus {
-  background-color: #ececf1;
-  color: #7d7e7f;
-}
 .list-group-item-light.list-group-item-action.active {
   background-color: #7d7e7f;
   border-color: #7d7e7f;
@@ -11382,10 +11361,6 @@ label.custom-control-label {
   background-color: #b6b6ba;
   color: #14151b;
 }
-.list-group-item-dark.list-group-item-action:focus {
-  background-color: #b6b6ba;
-  color: #14151b;
-}
 .list-group-item-dark.list-group-item-action.active {
   background-color: #14151b;
   border-color: #14151b;
@@ -11660,8 +11635,12 @@ label.custom-control-label {
 .modal-footer {
   align-items: center;
   border-top: 0.0625rem solid #e7e7ed;
-  border-bottom-left-radius: 0.3125rem;
-  border-bottom-right-radius: 0.3125rem;
+  border-bottom-left-radius: calc(
+	0.375rem - 0.0625rem
+);
+  border-bottom-right-radius: calc(
+	0.375rem - 0.0625rem
+);
   display: flex;
   flex-shrink: 0;
   flex-wrap: wrap;
@@ -17643,8 +17622,8 @@ label.custom-control-label {
   background-color: #fff;
   border-bottom: 0.0625rem solid #f2f2f2;
   border-color: #e7e7ed;
-  border-top-left-radius: 0.1875rem;
-  border-top-right-radius: 0.1875rem;
+  border-top-left-radius: calc( 	0.25rem - 0.0625rem );
+  border-top-right-radius: calc( 	0.25rem - 0.0625rem );
   font-size: 0.875rem;
   font-weight: 600;
   margin-bottom: 0;
@@ -17657,8 +17636,8 @@ label.custom-control-label {
   display: none;
 }
 .popover-body {
-  border-bottom-left-radius: 0.1875rem;
-  border-bottom-right-radius: 0.1875rem;
+  border-bottom-left-radius: calc( 	0.25rem - 0.0625rem );
+  border-bottom-right-radius: calc( 	0.25rem - 0.0625rem );
   color: #6b6c7e;
   padding: 0.75rem 1rem;
 }
@@ -20093,9 +20072,6 @@ caption {
   height: 3.5rem;
   color: #6b6c7e;
 }
-.component-tbar .tbar-label {
-  border-width: 0.0625rem;
-}
 .subnav-tbar {
   font-size: 0.875rem;
 }
@@ -20195,9 +20171,6 @@ caption {
 .subnav-tbar .component-label {
   font-weight: 400;
 }
-.subnav-tbar .tbar-label {
-  border-width: 0.0625rem;
-}
 .subnav-tbar-primary {
   background-color: #b3cdff;
   padding-bottom: 0.625rem;
@@ -20260,18 +20233,12 @@ caption {
 .subnav-tbar-primary.subnav-tbar-disabled .component-label {
   border-color: #8e94aa;
 }
-.subnav-tbar-primary.subnav-tbar-disabled .tbar-label {
-  border-width: 0.0625rem;
-}
 .subnav-tbar-light {
   color: #6b6c7e;
   background-color: white;
   padding-bottom: 0.125rem;
   padding-top: 0.125rem;
 }
-.subnav-tbar-light .tbar-label {
-  border-width: 0.0625rem;
-}
 .tbar-stacked {
   display: inline-flex;
   height: 100%;
@@ -20338,9 +20305,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 #f1f2f5, inset -1px 0 0 0 #f1f2f5;
@@ -20373,9 +20337,6 @@ caption {
   background-color: #f1f2f5;
   color: #272833;
 }
-.tbar-light .tbar-label {
-  border-width: 0.0625rem;
-}
 .tbar-dark-l2 {
   background-color: #393a4a;
   box-shadow: inset 1px 0 0 0 rgba(255, 255, 255, 0.06), inset -1px 0 0 0 rgba(255, 255, 255, 0.06);
@@ -20409,9 +20370,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: #1c1c24;
   box-shadow: inset 1px 0 0 0 rgba(255, 255, 255, 0.06), inset -1px 0 0 0 rgba(255, 255, 255, 0.06);
@@ -20454,9 +20412,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;