@clayui/css 3.70.1 → 3.73.0

package/lib/css/cadmin.css

@@ -1,6 +1,6 @@
 @charset "UTF-8";
 /**
- * Clay 3.70.1
+ * Clay 3.73.0
  *
  * 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.70.1
+ * Clay 3.73.0
  *
  * SPDX-FileCopyrightText: © 2020 Liferay, Inc. <https://liferay.com>
  * SPDX-FileCopyrightText: © 2020 Contributors to the project Clay <https://github.com/liferay/clay/graphs/contributors>
@@ -956,6 +956,8 @@ html:not(#__):not(#___) .cadmin .btn .c-inner {
 }
 html:not(#__):not(#___) .cadmin .btn .inline-item {
   font-size: 16px;
+  line-height: 1;
+  margin-top: -3px;
 }
 html:not(#__):not(#___) .cadmin .btn .inline-item .lexicon-icon {
   margin-top: 0;
@@ -976,6 +978,32 @@ html:not(#__):not(#___) .cadmin fieldset:disabled a.btn:focus {
 html:not(#__):not(#___) .cadmin fieldset:disabled a.btn:active {
   pointer-events: none;
 }
+html:not(#__):not(#___) .cadmin .btn-xs {
+  font-size: 0.75rem;
+  padding-bottom: 0.125rem;
+  padding-left: 0.5rem;
+  padding-right: 0.5rem;
+  padding-top: 0.125rem;
+}
+html:not(#__):not(#___) .cadmin .btn-xs .c-inner {
+  margin-bottom: -0.125rem;
+  margin-left: -0.5rem;
+  margin-right: -0.5rem;
+  margin-top: -0.125rem;
+}
+html:not(#__):not(#___) .cadmin .btn-xs .inline-item {
+  font-size: inherit;
+  margin-top: -3px;
+}
+html:not(#__):not(#___) .cadmin .btn-xs .inline-item-before {
+  margin-right: 0.25rem;
+}
+html:not(#__):not(#___) .cadmin .btn-xs .inline-item-after {
+  margin-left: 0.25rem;
+}
+html:not(#__):not(#___) .cadmin .btn-xs .btn-section {
+  font-size: 0.375rem;
+}
 html:not(#__):not(#___) .cadmin .btn-group-lg > .btn,
 html:not(#__):not(#___) .cadmin .btn-group-lg .btn-group > .btn, html:not(#__):not(#___) .cadmin .btn-lg {
   border-radius: 4px;
@@ -1051,6 +1079,10 @@ html:not(#__):not(#___) .cadmin .menubar-toggler .c-inner, html:not(#__):not(#__
   margin: 0;
   max-width: none;
 }
+html:not(#__):not(#___) .cadmin .btn-monospaced.btn-xs {
+  height: 1.5rem;
+  width: 1.4rem;
+}
 html:not(#__):not(#___) .cadmin .btn-monospaced {
   align-items: center;
   display: inline-flex;
@@ -1085,6 +1117,9 @@ html:not(#__):not(#___) .cadmin .btn-monospaced .c-inner {
 html:not(#__):not(#___) .cadmin .btn-monospaced .lexicon-icon {
   margin-top: 0;
 }
+html:not(#__):not(#___) .cadmin .btn-monospaced .inline-item {
+  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;
@@ -1095,7 +1130,7 @@ html:not(#__):not(#___) .cadmin .btn-group-vertical > .btn-monospaced.btn-sm, ht
 }
 html:not(#__):not(#___) .cadmin .btn-primary {
   background-color: #0b5fff;
-  border-color: #0b5fff;
+  border-color: transparent;
   color: #fff;
 }
 html:not(#__):not(#___) .cadmin .btn-primary:hover {
@@ -1105,7 +1140,7 @@ html:not(#__):not(#___) .cadmin .btn-primary:hover {
 }
 html:not(#__):not(#___) .cadmin .btn-primary:focus, html:not(#__):not(#___) .cadmin .focus.btn-primary {
   background-color: #0053f0;
-  border-color: #004ad7;
+  border-color: transparent;
   color: #fff;
 }
 html:not(#__):not(#___) .cadmin .btn-primary:active {
@@ -1120,7 +1155,7 @@ html:not(#__):not(#___) .cadmin .active.btn-primary {
 }
 html:not(#__):not(#___) .cadmin .btn-primary:disabled, html:not(#__):not(#___) .cadmin .disabled.btn-primary {
   background-color: #0b5fff;
-  border-color: #0b5fff;
+  border-color: transparent;
   color: #fff;
 }
 html:not(#__):not(#___) .cadmin [aria-expanded=true].btn-primary, html:not(#__):not(#___) .cadmin .show.btn-primary {
@@ -1130,7 +1165,7 @@ html:not(#__):not(#___) .cadmin [aria-expanded=true].btn-primary, html:not(#__):
 }
 html:not(#__):not(#___) .cadmin .form-file-input:focus + .btn-primary {
   background-color: #0053f0;
-  border-color: #004ad7;
+  border-color: transparent;
   color: #fff;
 }
 html:not(#__):not(#___) .cadmin .btn-secondary {
@@ -1175,7 +1210,7 @@ html:not(#__):not(#___) .cadmin .form-file-input:focus + .btn-secondary {
 }
 html:not(#__):not(#___) .cadmin .btn-success {
   background-color: #287d3c;
-  border-color: #287d3c;
+  border-color: transparent;
   color: #fff;
 }
 html:not(#__):not(#___) .cadmin .btn-success:hover {
@@ -1200,7 +1235,7 @@ html:not(#__):not(#___) .cadmin .active.btn-success {
 }
 html:not(#__):not(#___) .cadmin .btn-success:disabled, html:not(#__):not(#___) .cadmin .disabled.btn-success {
   background-color: #287d3c;
-  border-color: #287d3c;
+  border-color: transparent;
   color: #fff;
 }
 html:not(#__):not(#___) .cadmin [aria-expanded=true].btn-success, html:not(#__):not(#___) .cadmin .show.btn-success {
@@ -1215,7 +1250,7 @@ html:not(#__):not(#___) .cadmin .form-file-input:focus + .btn-success {
 }
 html:not(#__):not(#___) .cadmin .btn-info {
   background-color: #2e5aac;
-  border-color: #2e5aac;
+  border-color: transparent;
   color: #fff;
 }
 html:not(#__):not(#___) .cadmin .btn-info:hover {
@@ -1240,7 +1275,7 @@ html:not(#__):not(#___) .cadmin .active.btn-info {
 }
 html:not(#__):not(#___) .cadmin .btn-info:disabled, html:not(#__):not(#___) .cadmin .disabled.btn-info {
   background-color: #2e5aac;
-  border-color: #2e5aac;
+  border-color: transparent;
   color: #fff;
 }
 html:not(#__):not(#___) .cadmin [aria-expanded=true].btn-info, html:not(#__):not(#___) .cadmin .show.btn-info {
@@ -1250,7 +1285,7 @@ html:not(#__):not(#___) .cadmin [aria-expanded=true].btn-info, html:not(#__):not
 }
 html:not(#__):not(#___) .cadmin .btn-warning {
   background-color: #b95000;
-  border-color: #b95000;
+  border-color: transparent;
   color: #fff;
 }
 html:not(#__):not(#___) .cadmin .btn-warning:hover {
@@ -1275,7 +1310,7 @@ html:not(#__):not(#___) .cadmin .active.btn-warning {
 }
 html:not(#__):not(#___) .cadmin .btn-warning:disabled, html:not(#__):not(#___) .cadmin .disabled.btn-warning {
   background-color: #b95000;
-  border-color: #b95000;
+  border-color: transparent;
   color: #fff;
 }
 html:not(#__):not(#___) .cadmin [aria-expanded=true].btn-warning, html:not(#__):not(#___) .cadmin .show.btn-warning {
@@ -1290,7 +1325,7 @@ html:not(#__):not(#___) .cadmin .form-file-input:focus + .btn-warning {
 }
 html:not(#__):not(#___) .cadmin .btn-danger {
   background-color: #da1414;
-  border-color: #da1414;
+  border-color: transparent;
   color: #fff;
 }
 html:not(#__):not(#___) .cadmin .btn-danger:hover {
@@ -1315,7 +1350,7 @@ html:not(#__):not(#___) .cadmin .active.btn-danger {
 }
 html:not(#__):not(#___) .cadmin .btn-danger:disabled, html:not(#__):not(#___) .cadmin .disabled.btn-danger {
   background-color: #da1414;
-  border-color: #da1414;
+  border-color: transparent;
   color: #fff;
 }
 html:not(#__):not(#___) .cadmin [aria-expanded=true].btn-danger, html:not(#__):not(#___) .cadmin .show.btn-danger {
@@ -1330,7 +1365,7 @@ html:not(#__):not(#___) .cadmin .form-file-input:focus + .btn-danger {
 }
 html:not(#__):not(#___) .cadmin .btn-light {
   background-color: #f1f2f5;
-  border-color: #f1f2f5;
+  border-color: transparent;
   color: #272833;
 }
 html:not(#__):not(#___) .cadmin .btn-light:hover {
@@ -1355,7 +1390,7 @@ html:not(#__):not(#___) .cadmin .active.btn-light {
 }
 html:not(#__):not(#___) .cadmin .btn-light:disabled, html:not(#__):not(#___) .cadmin .disabled.btn-light {
   background-color: #f1f2f5;
-  border-color: #f1f2f5;
+  border-color: transparent;
   color: #272833;
 }
 html:not(#__):not(#___) .cadmin [aria-expanded=true].btn-light, html:not(#__):not(#___) .cadmin .show.btn-light {
@@ -1370,7 +1405,7 @@ html:not(#__):not(#___) .cadmin .form-file-input:focus + .btn-light {
 }
 html:not(#__):not(#___) .cadmin .btn-dark {
   background-color: #272833;
-  border-color: #272833;
+  border-color: transparent;
   color: #fff;
 }
 html:not(#__):not(#___) .cadmin .btn-dark:hover {
@@ -1395,7 +1430,7 @@ html:not(#__):not(#___) .cadmin .active.btn-dark {
 }
 html:not(#__):not(#___) .cadmin .btn-dark:disabled, html:not(#__):not(#___) .cadmin .disabled.btn-dark {
   background-color: #272833;
-  border-color: #272833;
+  border-color: transparent;
   color: #fff;
 }
 html:not(#__):not(#___) .cadmin [aria-expanded=true].btn-dark, html:not(#__):not(#___) .cadmin .show.btn-dark {