@clayui/css 3.65.2 → 3.70.1

package/lib/css/cadmin.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>
@@ -16,7 +16,7 @@
  * SPDX-License-Identifier: LicenseRef-MIT-Bootstrap
  */
 /**
- * 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>
@@ -957,6 +957,9 @@ html:not(#__):not(#___) .cadmin .btn .c-inner {
 html:not(#__):not(#___) .cadmin .btn .inline-item {
   font-size: 16px;
 }
+html:not(#__):not(#___) .cadmin .btn .inline-item .lexicon-icon {
+  margin-top: 0;
+}
 html:not(#__):not(#___) .cadmin .btn .btn-section {
   display: block;
   font-size: 11px;
@@ -1079,6 +1082,9 @@ html:not(#__):not(#___) .cadmin .btn-monospaced .c-inner {
   padding: 0;
   width: 100%;
 }
+html:not(#__):not(#___) .cadmin .btn-monospaced .lexicon-icon {
+  margin-top: 0;
+}
 html:not(#__):not(#___) .cadmin .btn-group-vertical > .btn-monospaced.btn-lg, html:not(#__):not(#___) .cadmin .btn-group-lg .btn-monospaced, html:not(#__):not(#___) .cadmin .btn-monospaced.btn-lg {
   height: 48px;
   width: 48px;
@@ -5631,8 +5637,8 @@ html:not(#__):not(#___) .cadmin .dropdown-header {
   font-size: 14px;
   margin-top: 10px;
   padding-bottom: 6px;
-  padding-left: 20px;
-  padding-right: 20px;
+  padding-left: 16px;
+  padding-right: 16px;
   padding-top: 6px;
   position: relative;
   overflow-wrap: break-word;
@@ -5647,8 +5653,8 @@ html:not(#__):not(#___) .cadmin .dropdown-subheader {
   font-weight: 600;
   margin-top: 10px;
   padding-bottom: 6px;
-  padding-left: 20px;
-  padding-right: 20px;
+  padding-left: 16px;
+  padding-right: 16px;
   padding-top: 6px;
   text-transform: uppercase;
   white-space: normal;
@@ -5661,7 +5667,7 @@ html:not(#__):not(#___) .cadmin .dropdown-subheader:first-child {
 html:not(#__):not(#___) .cadmin .dropdown-caption {
   color: #6b6c7e;
   font-size: 14px;
-  padding: 8px 20px;
+  padding: 8px 16px;
   white-space: normal;
   overflow-wrap: break-word;
   word-wrap: break-word;
@@ -5678,8 +5684,8 @@ html:not(#__):not(#___) .cadmin .dropdown-item {
   font-weight: 400;
   overflow: hidden;
   padding-bottom: 8px;
-  padding-left: 20px;
-  padding-right: 20px;
+  padding-left: 16px;
+  padding-right: 16px;
   padding-top: 8px;
   position: relative;
   text-align: inherit;
@@ -5756,27 +5762,27 @@ html:not(#__):not(#___) .cadmin .dropdown-item:disabled:active, html:not(#__):no
 html:not(#__):not(#___) .cadmin .dropdown-item .c-inner {
   flex-grow: 1;
   margin-bottom: -8px;
-  margin-left: -20px;
-  margin-right: -20px;
+  margin-left: -16px;
+  margin-right: -16px;
   margin-top: -8px;
   width: auto;
 }
 html:not(#__):not(#___) .cadmin .dropdown-item.autofit-row {
-  padding-left: 1rem;
-  padding-right: 1rem;
+  padding-left: calc(16px - 4px);
+  padding-right: calc(16px - 4px);
 }
 html:not(#__):not(#___) .cadmin .dropdown-item.autofit-row > .autofit-col {
-  padding-left: 0.25rem;
-  padding-right: 0.25rem;
+  padding-left: 4px;
+  padding-right: 4px;
 }
 html:not(#__):not(#___) .cadmin .dropdown-item .autofit-row {
-  margin-left: 0.25rem;
-  margin-right: 0.25rem;
+  margin-left: -4px;
+  margin-right: -4px;
   width: auto;
 }
 html:not(#__):not(#___) .cadmin .dropdown-item .autofit-row > .autofit-col {
-  padding-left: 0.25rem;
-  padding-right: 0.25rem;
+  padding-left: 4px;
+  padding-right: 4px;
 }
 html:not(#__):not(#___) .cadmin .dropdown-item .c-kbd-inline {
   color: #a7a9bc;
@@ -5801,12 +5807,12 @@ html:not(#__):not(#___) .cadmin .dropdown-item-text {
   display: block;
   font-weight: 400;
   padding-bottom: 8px;
-  padding-left: 20px;
-  padding-right: 20px;
+  padding-left: 16px;
+  padding-right: 16px;
   padding-top: 8px;
 }
 html:not(#__):not(#___) .cadmin .dropdown-section {
-  padding: 8px 20px;
+  padding: 8px 16px;
 }
 html:not(#__):not(#___) .cadmin .dropdown-section .form-group + .form-group {
   margin-top: 16px;
@@ -5825,7 +5831,7 @@ html:not(#__):not(#___) .cadmin .dropdown-section.active .custom-control-label {
 }
 html:not(#__):not(#___) .cadmin .dropdown-footer {
   box-shadow: -1px -2px 3px -3px rgba(0, 0, 0, 0.5);
-  padding: 8px 20px 0;
+  padding: 8px 16px 0;
   position: relative;
 }
 html:not(#__):not(#___) .cadmin .dropdown-menu, html:not(#__):not(#___) .cadmin.dropdown-menu {
@@ -5863,7 +5869,7 @@ html:not(#__):not(#___) .cadmin .dropdown-menu, html:not(#__):not(#___) .cadmin.
 html:not(#__):not(#___) .cadmin .dropdown-menu .alert, html:not(#__):not(#___) .cadmin.dropdown-menu .alert {
   line-height: normal;
   margin: 8px;
-  padding: 6px 20px;
+  padding: 6px 16px;
 }
 html:not(#__):not(#___) .cadmin .dropdown-menu .alert:first-child, html:not(#__):not(#___) .cadmin.dropdown-menu .alert:first-child {
   margin-top: 0;
@@ -5988,7 +5994,7 @@ html:not(#__):not(#___) .cadmin .dropdown-action > .dropdown-toggle .inline-item
 }
 html:not(#__):not(#___) .cadmin .dropdown-menu-indicator-start .dropdown-item-indicator, html:not(#__):not(#___) .cadmin.dropdown-menu-indicator-start .dropdown-item-indicator {
   height: 16px;
-  left: 20px;
+  left: 16px;
   position: absolute;
   top: 8px;
   width: 16px;
@@ -6003,10 +6009,17 @@ html:not(#__):not(#___) .cadmin .dropdown-menu-indicator-start .dropdown-item, h
 html:not(#__):not(#___) .cadmin.dropdown-menu-indicator-start .dropdown-subheader,
 html:not(#__):not(#___) .cadmin.dropdown-menu-indicator-start .dropdown-caption,
 html:not(#__):not(#___) .cadmin.dropdown-menu-indicator-start .dropdown-item {
-  padding-left: 52px;
+  padding-left: calc(
+			16px + 16px +
+				16px
+		);
 }
 html:not(#__):not(#___) .cadmin .dropdown-menu-indicator-start .dropdown-item .c-inner, html:not(#__):not(#___) .cadmin.dropdown-menu-indicator-start .dropdown-item .c-inner {
-  margin-left: -52px;
+  margin-left: calc((
+							16px +
+								16px +
+								16px
+						) * -1);
 }
 html:not(#__):not(#___) .cadmin .dropdown-item-indicator-start {
   align-items: center;
@@ -6014,7 +6027,7 @@ html:not(#__):not(#___) .cadmin .dropdown-item-indicator-start {
   display: inline-flex;
   height: 16px;
   justify-content: center;
-  left: 20px;
+  left: 16px;
   position: absolute;
   right: auto;
   top: calc( 				8px - (( 								16px - (1em * 											1.5) 							) / 2) 			);
@@ -6043,17 +6056,24 @@ html:not(#__):not(#___) .cadmin .dropdown-item-indicator-text-start > .c-inner {
 }
 html:not(#__):not(#___) .cadmin .dropdown-menu-indicator-end .dropdown-item-indicator, html:not(#__):not(#___) .cadmin.dropdown-menu-indicator-end .dropdown-item-indicator {
   position: absolute;
-  right: 20px;
+  right: 16px;
   top: 8px;
 }
 html:not(#__):not(#___) .cadmin .dropdown-menu-indicator-end .dropdown-item-indicator-text-end, html:not(#__):not(#___) .cadmin.dropdown-menu-indicator-end .dropdown-item-indicator-text-end {
   padding-right: 0;
 }
 html:not(#__):not(#___) .cadmin .dropdown-menu-indicator-end .dropdown-item, html:not(#__):not(#___) .cadmin.dropdown-menu-indicator-end .dropdown-item {
-  padding-right: 52px;
+  padding-right: calc(
+			16px + 16px +
+				16px
+		);
 }
 html:not(#__):not(#___) .cadmin .dropdown-menu-indicator-end .dropdown-item .c-inner, html:not(#__):not(#___) .cadmin.dropdown-menu-indicator-end .dropdown-item .c-inner {
-  margin-right: -52px;
+  margin-right: calc((
+							16px +
+								16px +
+								16px
+						) * -1);
 }
 html:not(#__):not(#___) .cadmin .dropdown-item-indicator-end {
   align-items: center;
@@ -6063,7 +6083,7 @@ html:not(#__):not(#___) .cadmin .dropdown-item-indicator-end {
   justify-content: center;
   left: auto;
   position: absolute;
-  right: 20px;
+  right: 16px;
   top: calc( 				8px - (( 								16px - (1em * 											1.5) 							) / 2) 			);
   width: 16px;
 }
@@ -6278,6 +6298,7 @@ html:not(#__):not(#___) .cadmin label {
   font-weight: 600;
   margin-bottom: 4px;
   max-width: 100%;
+  position: static;
   overflow-wrap: break-word;
   word-wrap: break-word;
 }
@@ -9731,8 +9752,12 @@ html:not(#__):not(#___) .cadmin .modal-body-flush, html:not(#__):not(#___) .cadm
 html:not(#__):not(#___) .cadmin .modal-footer, html:not(#__):not(#___) .cadmin.modal-footer {
   align-items: center;
   border-top: 1px solid #e7e7ed;
-  border-bottom-left-radius: 5px;
-  border-bottom-right-radius: 5px;
+  border-bottom-left-radius: calc(
+	6px - 1px
+);
+  border-bottom-right-radius: calc(
+	6px - 1px
+);
   display: flex;
   flex-shrink: 0;
   flex-wrap: wrap;
@@ -10900,11 +10925,11 @@ html:not(#__):not(#___) .cadmin .menubar-vertical-expand-md.menubar-transparent
   }
 }
 html:not(#__):not(#___) .cadmin .menubar-vertical-expand-md.menubar-transparent .nav-link:hover {
-  background-color: rgba(39, 40, 51, 0.03);
+  background-color: rgba(11, 95, 255, 0.04);
   color: #272833;
 }
 html:not(#__):not(#___) .cadmin .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 2px #80acff, inset 0 0 0 4px #fff;
   color: #272833;
   outline: 0;
@@ -10913,8 +10938,8 @@ html:not(#__):not(#___) .cadmin .menubar-vertical-expand-md.menubar-transparent
   color: rgba(0, 0, 0, 0.9);
 }
 html:not(#__):not(#___) .cadmin .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;
 }
 html:not(#__):not(#___) .cadmin .menubar-vertical-expand-md.menubar-transparent .nav-link:disabled, html:not(#__):not(#___) .cadmin .menubar-vertical-expand-md.menubar-transparent .nav-link.disabled {
@@ -10931,19 +10956,19 @@ html:not(#__):not(#___) .cadmin .menubar-vertical-expand-md.menubar-transparent
     color: #272833;
   }
   html:not(#__):not(#___) .cadmin .menubar-vertical-expand-md.menubar-transparent .nav-link:hover {
-    background-color: #f7f8f9;
-    color: #1c1d25;
+    background-color: rgba(11, 95, 255, 0.04);
+    color: #272833;
   }
   html:not(#__):not(#___) .cadmin .menubar-vertical-expand-md.menubar-transparent .nav-link:focus {
-    background-color: #f0f5ff;
+    background-color: rgba(11, 95, 255, 0.04);
   }
   html:not(#__):not(#___) .cadmin .menubar-vertical-expand-md.menubar-transparent .nav-link:active {
     background-color: #f0f5ff;
     color: #272833;
   }
   html:not(#__):not(#___) .cadmin .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;
   }
   html:not(#__):not(#___) .cadmin .menubar-vertical-expand-md.menubar-transparent .nav-link:disabled, html:not(#__):not(#___) .cadmin .menubar-vertical-expand-md.menubar-transparent .nav-link.disabled {
@@ -11096,11 +11121,11 @@ html:not(#__):not(#___) .cadmin .menubar-vertical-expand-lg.menubar-transparent
   }
 }
 html:not(#__):not(#___) .cadmin .menubar-vertical-expand-lg.menubar-transparent .nav-link:hover {
-  background-color: rgba(39, 40, 51, 0.03);
+  background-color: rgba(11, 95, 255, 0.04);
   color: #272833;
 }
 html:not(#__):not(#___) .cadmin .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 2px #80acff, inset 0 0 0 4px #fff;
   color: #272833;
   outline: 0;
@@ -11109,8 +11134,8 @@ html:not(#__):not(#___) .cadmin .menubar-vertical-expand-lg.menubar-transparent
   color: rgba(0, 0, 0, 0.9);
 }
 html:not(#__):not(#___) .cadmin .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;
 }
 html:not(#__):not(#___) .cadmin .menubar-vertical-expand-lg.menubar-transparent .nav-link:disabled, html:not(#__):not(#___) .cadmin .menubar-vertical-expand-lg.menubar-transparent .nav-link.disabled {
@@ -11127,19 +11152,19 @@ html:not(#__):not(#___) .cadmin .menubar-vertical-expand-lg.menubar-transparent
     color: #272833;
   }
   html:not(#__):not(#___) .cadmin .menubar-vertical-expand-lg.menubar-transparent .nav-link:hover {
-    background-color: #f7f8f9;
-    color: #1c1d25;
+    background-color: rgba(11, 95, 255, 0.04);
+    color: #272833;
   }
   html:not(#__):not(#___) .cadmin .menubar-vertical-expand-lg.menubar-transparent .nav-link:focus {
-    background-color: #f0f5ff;
+    background-color: rgba(11, 95, 255, 0.04);
   }
   html:not(#__):not(#___) .cadmin .menubar-vertical-expand-lg.menubar-transparent .nav-link:active {
     background-color: #f0f5ff;
     color: #272833;
   }
   html:not(#__):not(#___) .cadmin .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;
   }
   html:not(#__):not(#___) .cadmin .menubar-vertical-expand-lg.menubar-transparent .nav-link:disabled, html:not(#__):not(#___) .cadmin .menubar-vertical-expand-lg.menubar-transparent .nav-link.disabled {
@@ -14585,8 +14610,8 @@ html:not(#__):not(#___) .cadmin .popover-header {
   background-color: #fff;
   border-bottom: 1px solid #f2f2f2;
   border-color: #e7e7ed;
-  border-top-left-radius: 3px;
-  border-top-right-radius: 3px;
+  border-top-left-radius: calc( 	4px - 1px );
+  border-top-right-radius: calc( 	4px - 1px );
   font-size: 14px;
   font-weight: 600;
   margin-bottom: 0;
@@ -14599,8 +14624,8 @@ html:not(#__):not(#___) .cadmin .popover-header:empty {
   display: none;
 }
 html:not(#__):not(#___) .cadmin .popover-body {
-  border-bottom-left-radius: 3px;
-  border-bottom-right-radius: 3px;
+  border-bottom-left-radius: calc( 	4px - 1px );
+  border-bottom-right-radius: calc( 	4px - 1px );
   color: #6b6c7e;
   padding: 12px 16px;
 }