@clayui/css 3.54.0 → 3.57.0

package/lib/css/cadmin.css

@@ -1,6 +1,6 @@
 @charset "UTF-8";
 /**
- * Clay 3.37.0
+ * Clay 3.57.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.37.0
+ * Clay 3.57.0
  *
  * SPDX-FileCopyrightText: © 2020 Liferay, Inc. <https://liferay.com>
  * SPDX-FileCopyrightText: © 2020 Contributors to the project Clay <https://github.com/liferay/clay/graphs/contributors>
@@ -3902,6 +3902,9 @@ html:not(#__):not(#___) .cadmin .breadcrumb-item .active {
   color: #272833;
   font-weight: 600;
 }
+html:not(#__):not(#___) .cadmin .breadcrumb-item > span {
+  text-transform: inherit;
+}
 html:not(#__):not(#___) .cadmin .breadcrumb-item + .breadcrumb-item {
   padding-left: 1em;
 }
@@ -3915,9 +3918,7 @@ html:not(#__):not(#___) .cadmin .breadcrumb-item + .breadcrumb-item::before {
   content: "";
   height: 0.6em;
   left: 0;
-  margin-top: calc(
-					-0.6em / 2
-				);
+  margin-top: calc( 						-0.6em / 							2 					);
   padding: 0;
   position: absolute;
   top: 50%;
@@ -3932,16 +3933,20 @@ html:not(#__):not(#___) .cadmin .breadcrumb-item + .breadcrumb-item:hover::befor
 html:not(#__):not(#___) .cadmin .breadcrumb-item .dropdown-toggle {
   text-decoration: none;
 }
-html:not(#__):not(#___) .cadmin .breadcrumb-item .dropdown-toggle:hover, html:not(#__):not(#___) .cadmin .breadcrumb-item .dropdown-toggle:focus {
+html:not(#__):not(#___) .cadmin .breadcrumb-item .dropdown-toggle:hover {
+  text-decoration: none;
+}
+html:not(#__):not(#___) .cadmin .breadcrumb-item .dropdown-toggle:focus, html:not(#__):not(#___) .cadmin .breadcrumb-item .dropdown-toggle.focus {
   text-decoration: none;
 }
 html:not(#__):not(#___) .cadmin .breadcrumb-text-truncate {
   display: inline-block;
   max-width: 286px;
   overflow: hidden;
+  text-decoration: inherit;
   text-overflow: ellipsis;
-  white-space: nowrap;
   vertical-align: bottom;
+  white-space: nowrap;
 }
 @media (max-width: 767.98px) {
   html:not(#__):not(#___) .cadmin .breadcrumb-text-truncate {
@@ -7255,11 +7260,16 @@ html:not(#__):not(#___) .cadmin .clay-range-input {
   width: 100%;
 }
 html:not(#__):not(#___) .cadmin .clay-range-input .tooltip {
-  margin-left: 12px;
+  margin-left: 13px;
   transition: opacity 0.15s linear;
   visibility: hidden;
   white-space: nowrap;
 }
+@media (prefers-reduced-motion: reduce) {
+  html:not(#__):not(#___) .cadmin .clay-range-input .tooltip {
+    transition: none;
+  }
+}
 html:not(#__):not(#___) .cadmin .clay-range-input .tooltip-inner {
   padding: 8px 12px;
 }
@@ -7274,7 +7284,7 @@ html:not(#__):not(#___) .cadmin .clay-range-input .clay-tooltip-bottom {
   transform: translateX(-50%);
 }
 html:not(#__):not(#___) .cadmin .clay-range-input .clay-tooltip-bottom .tooltip-arrow {
-  margin-left: -3px;
+  margin-left: -4px;
 }
 html:not(#__):not(#___) .cadmin .clay-range-input .clay-tooltip-top {
   bottom: 100%;
@@ -7283,25 +7293,25 @@ html:not(#__):not(#___) .cadmin .clay-range-input .clay-tooltip-top {
   transform: translateX(-50%);
 }
 html:not(#__):not(#___) .cadmin .clay-range-input .clay-tooltip-top .tooltip-arrow {
-  margin-left: -3px;
+  margin-left: -4px;
 }
 html:not(#__):not(#___) .cadmin .clay-range-input .clay-range-track {
   background-color: #f1f2f5;
   border-radius: 100px;
   height: 4px;
-  margin-top: -2px;
   position: absolute;
   top: 50%;
   width: 100%;
+  margin-top: calc(4px * -0.5);
 }
 html:not(#__):not(#___) .cadmin .clay-range-input .clay-range-progress {
   background-color: #0b5fff;
   border-radius: 100px 0 0 100px;
-  height: 4px;
-  margin-top: -2px;
   position: absolute;
   top: 50%;
   width: 50%;
+  height: 4px;
+  margin-top: calc(4px * -0.5);
 }
 html:not(#__):not(#___) .cadmin .clay-range-input .clay-range-thumb {
   background-color: #fff;
@@ -7309,41 +7319,46 @@ html:not(#__):not(#___) .cadmin .clay-range-input .clay-range-thumb {
   border-width: 0;
   box-shadow: 0 1px 5px -1px rgba(0, 0, 0, 0.3);
   height: 24px;
-  margin-top: -12px;
+  width: 24px;
   position: absolute;
-  right: -12px;
   top: 50%;
   visibility: hidden;
-  width: 24px;
+  margin-top: calc(24px * -0.5);
+  right: calc(24px * -0.5);
 }
 html:not(#__):not(#___) .cadmin .clay-range-input .form-control-range {
   -moz-appearance: none;
   -webkit-appearance: none;
   appearance: none;
   background-color: transparent;
-  content: "24px";
   height: 40px;
-  margin: 0;
-  padding: 0;
   position: relative;
   z-index: 1;
+  content: "24px";
+}
+html:not(#__):not(#___) .cadmin .clay-range-input .form-control-range::-ms-expand {
+  display: none;
 }
 html:not(#__):not(#___) .cadmin .clay-range-input .form-control-range::-moz-focus-outer {
   border-width: 0;
 }
 html:not(#__):not(#___) .cadmin .clay-range-input .form-control-range::-moz-range-thumb {
   -moz-appearance: none;
+  -webkit-appearance: none;
   appearance: none;
   background-color: #fff;
   border-radius: 100px;
   border-width: 0;
   box-shadow: 0 1px 5px -1px rgba(0, 0, 0, 0.3);
   height: 24px;
-  margin-top: -12px;
+  margin-top: calc(24px * -0.5);
   position: relative;
   top: 50%;
   width: 24px;
 }
+html:not(#__):not(#___) .cadmin .clay-range-input .form-control-range::-moz-range-thumb::-ms-expand {
+  display: none;
+}
 html:not(#__):not(#___) .cadmin .clay-range-input .form-control-range::-moz-range-track {
   -moz-appearance: none;
   appearance: none;
@@ -7356,13 +7371,12 @@ html:not(#__):not(#___) .cadmin .clay-range-input .form-control-range::-ms-fill-
   background-color: transparent;
 }
 html:not(#__):not(#___) .cadmin .clay-range-input .form-control-range::-ms-thumb {
+  -moz-appearance: none;
+  -webkit-appearance: none;
   appearance: none;
-  background-color: #fff;
-  border-radius: 100px;
-  border-width: 0;
-  box-shadow: 0 1px 5px -1px rgba(0, 0, 0, 0.3);
-  height: 24px;
-  width: 24px;
+}
+html:not(#__):not(#___) .cadmin .clay-range-input .form-control-range::-ms-thumb::-ms-expand {
+  display: none;
 }
 html:not(#__):not(#___) .cadmin .clay-range-input .form-control-range::-ms-tooltip {
   display: none;
@@ -7381,6 +7395,7 @@ html:not(#__):not(#___) .cadmin .clay-range-input .form-control-range::-webkit-s
   height: 100%;
 }
 html:not(#__):not(#___) .cadmin .clay-range-input .form-control-range::-webkit-slider-thumb {
+  -moz-appearance: none;
   -webkit-appearance: none;
   appearance: none;
   background-color: #fff;
@@ -7388,49 +7403,28 @@ html:not(#__):not(#___) .cadmin .clay-range-input .form-control-range::-webkit-s
   border-width: 0;
   box-shadow: 0 1px 5px -1px rgba(0, 0, 0, 0.3);
   height: 24px;
-  margin-top: -12px;
+  margin-top: calc(24px * -0.5);
   position: relative;
   top: 50%;
   width: 24px;
 }
+html:not(#__):not(#___) .cadmin .clay-range-input .form-control-range::-webkit-slider-thumb::-ms-expand {
+  display: none;
+}
 html:not(#__):not(#___) .cadmin .clay-range-input .form-control-range:hover {
   cursor: pointer;
 }
-html:not(#__):not(#___) .cadmin .clay-range-input .form-control-range:hover ~ .clay-range-progress .clay-range-thumb {
-  background-color: #f0f5ff;
-}
 html:not(#__):not(#___) .cadmin .clay-range-input .form-control-range:hover ~ .clay-range-progress .tooltip {
   visibility: visible;
   opacity: 1;
 }
-html:not(#__):not(#___) .cadmin .clay-range-input .form-control-range:hover::-moz-range-thumb {
-  background-color: #f0f5ff;
-}
-html:not(#__):not(#___) .cadmin .clay-range-input .form-control-range:hover::-ms-thumb {
-  background-color: #f0f5ff;
-}
-html:not(#__):not(#___) .cadmin .clay-range-input .form-control-range:hover::-webkit-slider-thumb {
-  background-color: #f0f5ff;
-}
 html:not(#__):not(#___) .cadmin .clay-range-input .form-control-range:focus, html:not(#__):not(#___) .cadmin .clay-range-input .form-control-range.focus {
   outline: 0;
 }
-html:not(#__):not(#___) .cadmin .clay-range-input .form-control-range:focus ~ .clay-range-progress .clay-range-thumb, html:not(#__):not(#___) .cadmin .clay-range-input .form-control-range.focus ~ .clay-range-progress .clay-range-thumb {
-  box-shadow: inset 0 0 0 2px #80acff, inset 0 0 0 4px #fff;
-}
 html:not(#__):not(#___) .cadmin .clay-range-input .form-control-range:focus ~ .clay-range-progress .tooltip, html:not(#__):not(#___) .cadmin .clay-range-input .form-control-range.focus ~ .clay-range-progress .tooltip {
   visibility: visible;
   opacity: 1;
 }
-html:not(#__):not(#___) .cadmin .clay-range-input .form-control-range:focus::-moz-range-thumb, html:not(#__):not(#___) .cadmin .clay-range-input .form-control-range.focus::-moz-range-thumb {
-  box-shadow: inset 0 0 0 2px #80acff, inset 0 0 0 4px #fff;
-}
-html:not(#__):not(#___) .cadmin .clay-range-input .form-control-range:focus::-ms-thumb, html:not(#__):not(#___) .cadmin .clay-range-input .form-control-range.focus::-ms-thumb {
-  box-shadow: inset 0 0 0 2px #80acff, inset 0 0 0 4px #fff;
-}
-html:not(#__):not(#___) .cadmin .clay-range-input .form-control-range:focus::-webkit-slider-thumb, html:not(#__):not(#___) .cadmin .clay-range-input .form-control-range.focus::-webkit-slider-thumb {
-  box-shadow: inset 0 0 0 2px #80acff, inset 0 0 0 4px #fff;
-}
 html:not(#__):not(#___) .cadmin .clay-range-input .form-control-range:disabled {
   color: #a7a9bc;
   cursor: not-allowed;
@@ -7441,26 +7435,14 @@ html:not(#__):not(#___) .cadmin .clay-range-input .form-control-range:disabled ~
 html:not(#__):not(#___) .cadmin .clay-range-input .form-control-range:disabled ~ .clay-range-progress {
   background-color: #b3cdff;
 }
-html:not(#__):not(#___) .cadmin .clay-range-input .form-control-range:disabled ~ .clay-range-progress .clay-range-thumb {
-  background-color: #f7f8f9;
-}
-html:not(#__):not(#___) .cadmin .clay-range-input .form-control-range:disabled::-moz-range-thumb {
-  background-color: #f7f8f9;
-}
-html:not(#__):not(#___) .cadmin .clay-range-input .form-control-range:disabled::-ms-thumb {
-  background-color: #f7f8f9;
-}
-html:not(#__):not(#___) .cadmin .clay-range-input .form-control-range:disabled::-webkit-slider-thumb {
-  background-color: #f7f8f9;
-}
 html:not(#__):not(#___) .cadmin .clay-range-input[data-label-min], html:not(#__):not(#___) .cadmin .clay-range-input[data-label-max] {
   margin-bottom: 16px;
 }
 html:not(#__):not(#___) .cadmin .clay-range-input[data-label-min]::before {
-  content: attr(data-label-min);
+  content: '\FEFF' attr(data-label-min);
 }
 html:not(#__):not(#___) .cadmin .clay-range-input[data-label-max]::after {
-  content: attr(data-label-max);
+  content: '\FEFF' attr(data-label-max);
   right: 0;
 }
 html:not(#__):not(#___) .cadmin .clay-range-input::after, html:not(#__):not(#___) .cadmin .clay-range-input::before {
@@ -18053,7 +18035,7 @@ html:not(#__):not(#___) .cadmin .treeview {
   padding: 2px 0;
 }
 html:not(#__):not(#___) .cadmin .treeview .btn-monospaced {
-  font-size: 14px;
+  font-size: inherit;
   height: 24px;
   width: 24px;
 }
@@ -18068,11 +18050,15 @@ html:not(#__):not(#___) .cadmin .treeview .custom-control {
   margin-right: 4px;
   margin-top: 1.5px;
 }
+html:not(#__):not(#___) .cadmin .treeview .component-expander {
+  font-size: 10px;
+}
 html:not(#__):not(#___) .cadmin .treeview .component-expander .lexicon-icon:not(.component-expanded-d-none) {
   display: none;
 }
 html:not(#__):not(#___) .cadmin .treeview .component-action {
   display: none;
+  font-size: 16px;
   margin-left: 2px;
   margin-right: 2px;
 }
@@ -18093,12 +18079,16 @@ html:not(#__):not(#___) .cadmin .treeview .component-action[aria-expanded=true],
   background-color: transparent;
 }
 html:not(#__):not(#___) .cadmin .treeview .component-icon {
-  display: inline;
+  display: inline-block;
+  font-size: 16px;
   height: auto;
-  margin-left: 4px;
-  margin-right: 4px;
+  margin: auto 4px;
+  vertical-align: middle;
   width: auto;
 }
+html:not(#__):not(#___) .cadmin .treeview .component-icon .lexicon-icon {
+  display: block;
+}
 html:not(#__):not(#___) .cadmin .treeview .component-text {
   padding-bottom: 1.5px;
   padding-left: 4px;