@clayui/css 3.65.2 → 3.70.1

package/lib/css/atlas.css

@@ -1,6 +1,6 @@
 @charset "UTF-8";
 /**
- * Clay 3.65.2
+ * Clay 3.70.1
  *
  * SPDX-FileCopyrightText: © 2020 Liferay, Inc. <https://liferay.com>
  * SPDX-FileCopyrightText: © 2020 Contributors to the project Clay <https://github.com/liferay/clay/graphs/contributors>
@@ -6300,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;
@@ -6317,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;
@@ -6332,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;
@@ -6349,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;
@@ -6427,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 {
@@ -6473,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;
@@ -6499,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;
 }
 
@@ -6541,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;
@@ -6701,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;
@@ -6713,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 {
@@ -6725,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) 			);
@@ -6755,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 {
@@ -6776,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;
 }
@@ -11623,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;
@@ -12817,10 +12833,10 @@ label.custom-control-label {
 }
 .menubar-vertical-expand-md.menubar-transparent .nav-link:hover {
   color: #272833;
-  background-color: rgba(39, 40, 51, 0.03);
+  background-color: rgba(11, 95, 255, 0.04);
 }
 .menubar-vertical-expand-md.menubar-transparent .nav-link:focus {
-  background-color: rgba(39, 40, 51, 0.03);
+  background-color: rgba(11, 95, 255, 0.04);
   box-shadow: inset 0 0 0 0.125rem #80acff, inset 0 0 0 0.25rem #fff;
   color: #272833;
   outline: 0;
@@ -12829,8 +12845,8 @@ label.custom-control-label {
   color: rgba(0, 0, 0, 0.9);
 }
 .menubar-vertical-expand-md.menubar-transparent .nav-link.active {
-  background-color: #f0f5ff;
-  color: #0b5fff;
+  background-color: rgba(11, 95, 255, 0.06);
+  color: #272833;
   font-weight: 600;
 }
 .menubar-vertical-expand-md.menubar-transparent .nav-link:disabled, .menubar-vertical-expand-md.menubar-transparent .nav-link.disabled {
@@ -12847,16 +12863,15 @@ label.custom-control-label {
     color: #272833;
   }
   .menubar-vertical-expand-md.menubar-transparent .nav-link:hover {
-    background-color: #f7f8f9;
+    background-color: rgba(11, 95, 255, 0.04);
     color: #1c1d25;
   }
   .menubar-vertical-expand-md.menubar-transparent .nav-link:focus {
-    background-color: #f0f5ff;
+    background-color: rgba(11, 95, 255, 0.04);
   }
   .menubar-vertical-expand-md.menubar-transparent .nav-link.active {
     font-weight: 600;
-    background-color: #f0f5ff;
-    color: #0b5fff;
+    background-color: rgba(11, 95, 255, 0.06);
   }
   .menubar-vertical-expand-md.menubar-transparent .nav-link:disabled, .menubar-vertical-expand-md.menubar-transparent .nav-link.disabled {
     background-color: transparent;
@@ -13016,10 +13031,10 @@ label.custom-control-label {
 }
 .menubar-vertical-expand-lg.menubar-transparent .nav-link:hover {
   color: #272833;
-  background-color: rgba(39, 40, 51, 0.03);
+  background-color: rgba(11, 95, 255, 0.04);
 }
 .menubar-vertical-expand-lg.menubar-transparent .nav-link:focus {
-  background-color: rgba(39, 40, 51, 0.03);
+  background-color: rgba(11, 95, 255, 0.04);
   box-shadow: inset 0 0 0 0.125rem #80acff, inset 0 0 0 0.25rem #fff;
   color: #272833;
   outline: 0;
@@ -13028,8 +13043,8 @@ label.custom-control-label {
   color: rgba(0, 0, 0, 0.9);
 }
 .menubar-vertical-expand-lg.menubar-transparent .nav-link.active {
-  background-color: #f0f5ff;
-  color: #0b5fff;
+  background-color: rgba(11, 95, 255, 0.06);
+  color: #272833;
   font-weight: 600;
 }
 .menubar-vertical-expand-lg.menubar-transparent .nav-link:disabled, .menubar-vertical-expand-lg.menubar-transparent .nav-link.disabled {
@@ -13046,16 +13061,16 @@ label.custom-control-label {
     color: #272833;
   }
   .menubar-vertical-expand-lg.menubar-transparent .nav-link:hover {
-    background-color: #f7f8f9;
+    background-color: rgba(11, 95, 255, 0.04);
     color: #1c1d25;
   }
   .menubar-vertical-expand-lg.menubar-transparent .nav-link:focus {
-    background-color: #f0f5ff;
+    background-color: rgba(11, 95, 255, 0.04);
   }
   .menubar-vertical-expand-lg.menubar-transparent .nav-link.active {
     font-weight: 600;
-    background-color: #f0f5ff;
-    color: #0b5fff;
+    background-color: rgba(11, 95, 255, 0.06);
+    color: #272833;
   }
   .menubar-vertical-expand-lg.menubar-transparent .nav-link:disabled, .menubar-vertical-expand-lg.menubar-transparent .nav-link.disabled {
     background-color: transparent;
@@ -17606,8 +17621,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;
@@ -17620,8 +17635,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;
 }