@clayui/css 3.61.0 → 3.62.0

package/lib/css/cadmin.css

@@ -1,6 +1,6 @@
 @charset "UTF-8";
 /**
- * Clay 3.61.0
+ * Clay 3.62.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.61.0
+ * Clay 3.62.0
  *
  * SPDX-FileCopyrightText: © 2020 Liferay, Inc. <https://liferay.com>
  * SPDX-FileCopyrightText: © 2020 Contributors to the project Clay <https://github.com/liferay/clay/graphs/contributors>
@@ -525,6 +525,9 @@ html:not(#__):not(#___) .cadmin .reference-mark {
   position: relative;
   vertical-align: super;
 }
+html:not(#__):not(#___) .cadmin .reference-mark.lexicon-icon {
+  vertical-align: super;
+}
 html:not(#__):not(#___) .cadmin .c-kbd-group {
   font-size: 14px;
 }
@@ -6525,7 +6528,7 @@ html:not(#__):not(#___) .cadmin select.form-control {
   background-size: 1.5em 1.5em;
   cursor: pointer;
   padding-right: 2em;
-  color: #272833;
+  color: if true, #272833;
 }
 html:not(#__):not(#___) .cadmin select.form-control:focus, html:not(#__):not(#___) .cadmin select.form-control.focus {
   background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20512%20512'%3E%3Cpath%20class='lexicon-icon-outline%20caret-double-l-top'%20d='m347.913%20199.336-81.538-85c-5.413-5.642-14.188-5.642-19.6%200l-81.538%2085c-8.731%209.101-2.548%2024.664%209.8%2024.664h163.077c12.348%200%2018.531-15.563%209.8-24.664z'%20fill='%236b6c7e'/%3E%3Cpath%20class='lexicon-icon-outline%20caret-double-l-bottom'%20d='m165.236%20312.664%2081.538%2085c5.412%205.642%2014.188%205.642%2019.6%200l81.538-85c8.731-9.101%202.548-24.664-9.8-24.664H175.035c-12.347%200-18.531%2015.563-9.8%2024.664z'%20fill='%236b6c7e'/%3E%3C/svg%3E");
@@ -6573,7 +6576,7 @@ html:not(#__):not(#___) .cadmin select.form-control[size] {
   padding-left: 8px;
   padding-right: 8px;
   scrollbar-width: thin;
-  color: #272833;
+  color: if true, #272833;
 }
 html:not(#__):not(#___) .cadmin select.form-control[size]:focus, html:not(#__):not(#___) .cadmin select.form-control[size].focus {
   background-image: none;
@@ -6603,7 +6606,7 @@ html:not(#__):not(#___) .cadmin select.form-control[multiple] {
   padding-left: 8px;
   padding-right: 8px;
   scrollbar-width: thin;
-  color: #272833;
+  color: if true, #272833;
 }
 html:not(#__):not(#___) .cadmin select.form-control[multiple]:focus, html:not(#__):not(#___) .cadmin select.form-control[multiple].focus {
   background-image: none;
@@ -6762,7 +6765,7 @@ html:not(#__):not(#___) .cadmin .form-control-lg {
   line-height: 1.5;
   padding: 7px 16px;
 }
-html:not(#__):not(#___) .cadmin .form-group-sm .form-control,
+html:not(#__):not(#___) .cadmin .input-group-sm .form-control, html:not(#__):not(#___) .cadmin .form-group-sm .form-control,
 html:not(#__):not(#___) .cadmin .form-group-sm .form-control-plaintext, html:not(#__):not(#___) .cadmin .form-control-sm {
   border-radius: 4px;
   font-size: 14px;
@@ -6784,6 +6787,30 @@ html:not(#__):not(#___) .cadmin textarea.form-control-sm,
 html:not(#__):not(#___) .cadmin .form-control-sm.form-control-textarea {
   height: 80px;
 }
+html:not(#__):not(#___) .cadmin .form-group-sm .input-group .form-control-tag-group, html:not(#__):not(#___) .cadmin .input-group-sm .form-control-tag-group, html:not(#__):not(#___) .cadmin .form-group-sm .form-control-tag-group.input-group, html:not(#__):not(#___) .cadmin .form-control-tag-group.input-group-sm, html:not(#__):not(#___) .cadmin .form-control-tag-group-sm.form-control {
+  border-radius: 4px;
+  font-size: 14px;
+  height: auto;
+  line-height: 1.5;
+  min-height: 32px;
+  padding-bottom: 0;
+  padding-left: 0.25rem;
+  padding-right: 0.25rem;
+  padding-top: 0;
+}
+html:not(#__):not(#___) .cadmin .form-group-sm .input-group .form-control-tag-group .inline-item, html:not(#__):not(#___) .cadmin .input-group-sm .form-control-tag-group .inline-item, html:not(#__):not(#___) .cadmin .form-group-sm .form-control-tag-group.input-group .inline-item, html:not(#__):not(#___) .cadmin .form-control-tag-group.input-group-sm .inline-item, html:not(#__):not(#___) .cadmin .form-control-tag-group-sm.form-control .inline-item {
+  margin-bottom: 0;
+  margin-top: 0;
+}
+html:not(#__):not(#___) .cadmin .form-group-sm .input-group .form-control-tag-group .label, html:not(#__):not(#___) .cadmin .input-group-sm .form-control-tag-group .label, html:not(#__):not(#___) .cadmin .form-group-sm .form-control-tag-group.input-group .label, html:not(#__):not(#___) .cadmin .form-control-tag-group.input-group-sm .label, html:not(#__):not(#___) .cadmin .form-control-tag-group-sm.form-control .label {
+  margin-bottom: 0.1875rem;
+  margin-right: 0.25rem;
+  margin-top: 0.1875rem;
+}
+html:not(#__):not(#___) .cadmin .form-group-sm .input-group .form-control-tag-group .form-control-inset, html:not(#__):not(#___) .cadmin .input-group-sm .form-control-tag-group .form-control-inset, html:not(#__):not(#___) .cadmin .form-group-sm .form-control-tag-group.input-group .form-control-inset, html:not(#__):not(#___) .cadmin .form-control-tag-group.input-group-sm .form-control-inset, html:not(#__):not(#___) .cadmin .form-control-tag-group-sm.form-control .form-control-inset {
+  margin-bottom: 0.125rem;
+  margin-top: 0.1875rem;
+}
 html:not(#__):not(#___) .cadmin .form-group {
   margin-bottom: 24px;
 }
@@ -8352,15 +8379,15 @@ html:not(#__):not(#___) .cadmin .has-error .form-feedback-item {
 }
 html:not(#__):not(#___) .cadmin .has-error select.form-control {
   background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20512%20512'%3E%3Cpath%20class='lexicon-icon-outline%20caret-double-l-top'%20d='m347.913%20199.336-81.538-85c-5.413-5.642-14.188-5.642-19.6%200l-81.538%2085c-8.731%209.101-2.548%2024.664%209.8%2024.664h163.077c12.348%200%2018.531-15.563%209.8-24.664z'%20fill='%23f48989'/%3E%3Cpath%20class='lexicon-icon-outline%20caret-double-l-bottom'%20d='m165.236%20312.664%2081.538%2085c5.412%205.642%2014.188%205.642%2019.6%200l81.538-85c8.731-9.101%202.548-24.664-9.8-24.664H175.035c-12.347%200-18.531%2015.563-9.8%2024.664z'%20fill='%23f48989'/%3E%3C/svg%3E");
-  color: #272833;
+  color: if true, #272833;
 }
 html:not(#__):not(#___) .cadmin .has-error select.form-control[size] {
   background-image: none;
-  color: #272833;
+  color: if true, #272833;
 }
 html:not(#__):not(#___) .cadmin .has-error select.form-control[multiple] {
   background-image: none;
-  color: #272833;
+  color: if true, #272833;
 }
 html:not(#__):not(#___) .cadmin .has-error .input-group-item.focus {
   box-shadow: 0 0 0 2px #fff, 0 0 0 4px #80acff;
@@ -8410,15 +8437,15 @@ html:not(#__):not(#___) .cadmin .has-warning .form-feedback-item {
 }
 html:not(#__):not(#___) .cadmin .has-warning select.form-control {
   background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20512%20512'%3E%3Cpath%20class='lexicon-icon-outline%20caret-double-l-top'%20d='m347.913%20199.336-81.538-85c-5.413-5.642-14.188-5.642-19.6%200l-81.538%2085c-8.731%209.101-2.548%2024.664%209.8%2024.664h163.077c12.348%200%2018.531-15.563%209.8-24.664z'%20fill='%23ff8f39'/%3E%3Cpath%20class='lexicon-icon-outline%20caret-double-l-bottom'%20d='m165.236%20312.664%2081.538%2085c5.412%205.642%2014.188%205.642%2019.6%200l81.538-85c8.731-9.101%202.548-24.664-9.8-24.664H175.035c-12.347%200-18.531%2015.563-9.8%2024.664z'%20fill='%23ff8f39'/%3E%3C/svg%3E");
-  color: #272833;
+  color: if true, #272833;
 }
 html:not(#__):not(#___) .cadmin .has-warning select.form-control[size] {
   background-image: none;
-  color: #272833;
+  color: if true, #272833;
 }
 html:not(#__):not(#___) .cadmin .has-warning select.form-control[multiple] {
   background-image: none;
-  color: #272833;
+  color: if true, #272833;
 }
 html:not(#__):not(#___) .cadmin .has-warning .input-group-item.focus {
   box-shadow: 0 0 0 2px #fff, 0 0 0 4px #80acff;
@@ -8468,15 +8495,15 @@ html:not(#__):not(#___) .cadmin .has-success .form-feedback-item {
 }
 html:not(#__):not(#___) .cadmin .has-success select.form-control {
   background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20512%20512'%3E%3Cpath%20class='lexicon-icon-outline%20caret-double-l-top'%20d='m347.913%20199.336-81.538-85c-5.413-5.642-14.188-5.642-19.6%200l-81.538%2085c-8.731%209.101-2.548%2024.664%209.8%2024.664h163.077c12.348%200%2018.531-15.563%209.8-24.664z'%20fill='%235aca75'/%3E%3Cpath%20class='lexicon-icon-outline%20caret-double-l-bottom'%20d='m165.236%20312.664%2081.538%2085c5.412%205.642%2014.188%205.642%2019.6%200l81.538-85c8.731-9.101%202.548-24.664-9.8-24.664H175.035c-12.347%200-18.531%2015.563-9.8%2024.664z'%20fill='%235aca75'/%3E%3C/svg%3E");
-  color: #272833;
+  color: if true, #272833;
 }
 html:not(#__):not(#___) .cadmin .has-success select.form-control[size] {
   background-image: none;
-  color: #272833;
+  color: if true, #272833;
 }
 html:not(#__):not(#___) .cadmin .has-success select.form-control[multiple] {
   background-image: none;
-  color: #272833;
+  color: if true, #272833;
 }
 html:not(#__):not(#___) .cadmin .has-success .input-group-item.focus {
   box-shadow: 0 0 0 2px #fff, 0 0 0 4px #80acff;
@@ -8763,20 +8790,6 @@ html:not(#__):not(#___) .cadmin .form-group-sm .input-group > .input-group-item
   line-height: 1;
   width: 32px;
 }
-html:not(#__):not(#___) .cadmin .form-group-sm .input-group > .input-group-item > .form-control, html:not(#__):not(#___) .cadmin .input-group-sm > .input-group-item > .form-control {
-  border-radius: 4px;
-  font-size: 14px;
-  height: 32px;
-  line-height: 1.5;
-  padding-bottom: 4px;
-  padding-left: 12px;
-  padding-right: 12px;
-  padding-top: 4px;
-}
-html:not(#__):not(#___) .cadmin .form-group-sm .input-group > .input-group-item > .form-control .label, html:not(#__):not(#___) .cadmin .input-group-sm > .input-group-item > .form-control .label {
-  margin-bottom: 0.1875rem;
-  margin-top: 0.1875rem;
-}
 html:not(#__):not(#___) .cadmin .form-group-sm .input-group > .input-group-item > .form-file .btn, html:not(#__):not(#___) .cadmin .input-group-sm > .input-group-item > .form-file .btn {
   border-radius: 4px;
   font-size: 14px;
@@ -8848,10 +8861,6 @@ html:not(#__):not(#___) .cadmin .form-group-sm .input-group > .input-group-item
   margin-right: -12px;
   margin-top: -4px;
 }
-html:not(#__):not(#___) .cadmin .form-group-sm .input-group > .input-group-item .form-control-inset, html:not(#__):not(#___) .cadmin .input-group-sm > .input-group-item .form-control-inset {
-  margin-bottom: 0.125rem;
-  margin-top: 0.1875rem;
-}
 html:not(#__):not(#___) .cadmin .input-group-inset {
   flex-grow: 1;
   order: 5;
@@ -9489,25 +9498,25 @@ html:not(#__):not(#___) .cadmin .list-group-notification.list-group-bordered .qu
 }
 html:not(#__):not(#___) .cadmin .list-group-notification .list-group-item {
   border-width: 0;
-  background-color: #fff;
-  box-shadow: inset 1px 0 #e7e7ed, inset -1px 0 #e7e7ed, inset 0 1px #e7e7ed, inset 0 -1px #e7e7ed;
+  background-color: if true, #fff;
+  box-shadow: inset if true, 1px 0 if true, #e7e7ed, inset -if true, 1px 0 if true, #e7e7ed, inset 0 if true, 1px if true, #e7e7ed, inset 0 -if true, 1px if true, #e7e7ed;
 }
 html:not(#__):not(#___) .cadmin .list-group-notification .list-group-item.active {
-  background-color: #f0f5ff;
-  box-shadow: inset 1px 0 #e7e7ed, inset -1px 0 #e7e7ed, inset 0 1px #e7e7ed, inset 0 -1px #e7e7ed;
+  background-color: if true, #f0f5ff;
+  box-shadow: inset if true, 1px 0 if true, #e7e7ed, inset -if true, 1px 0 if true, #e7e7ed, inset 0 if true, 1px if true, #e7e7ed, inset 0 -if true, 1px if true, #e7e7ed;
 }
 html:not(#__):not(#___) .cadmin .list-group-notification .list-group-item-flex.active {
   border-top-width: 0;
 }
 html:not(#__):not(#___) .cadmin .list-group-notification .list-group-item-primary {
-  background-color: #fff;
+  background-color: if true, #fff;
   border-bottom-left-radius: 0;
   border-top-left-radius: 0;
-  box-shadow: inset 8px 0 #80acff, inset -1px 0 #e7e7ed, inset 0 1px #e7e7ed, inset 0 -1px #e7e7ed;
+  box-shadow: inset 8px 0 #80acff, inset -if true, 1px 0 if true, #e7e7ed, inset 0 if true, 1px if true, #e7e7ed, inset 0 -if true, 1px if true, #e7e7ed;
 }
 html:not(#__):not(#___) .cadmin .list-group-notification .list-group-item-primary.active {
-  background-color: #f0f5ff;
-  box-shadow: inset 8px 0 #80acff, inset -1px 0 #e7e7ed, inset 0 1px #e7e7ed, inset 0 -1px #e7e7ed;
+  background-color: if true, #f0f5ff;
+  box-shadow: inset 8px 0 #80acff, inset -if true, 1px 0 if true, #e7e7ed, inset 0 if true, 1px if true, #e7e7ed, inset 0 -if true, 1px if true, #e7e7ed;
 }
 html:not(#__):not(#___) .cadmin .list-group-notification .quick-action-menu {
   margin-bottom: calc(
@@ -10892,8 +10901,8 @@ html:not(#__):not(#___) .cadmin .menubar-vertical-expand-md.menubar-transparent
     background-color: #f0f5ff;
   }
   html:not(#__):not(#___) .cadmin .menubar-vertical-expand-md.menubar-transparent .nav-link:active {
-    background-color: #f0f5ff;
-    color: #272833;
+    background-color: if true, #f0f5ff;
+    color: if true, #272833;
   }
   html:not(#__):not(#___) .cadmin .menubar-vertical-expand-md.menubar-transparent .nav-link.active {
     background-color: #f0f5ff;
@@ -11088,8 +11097,8 @@ html:not(#__):not(#___) .cadmin .menubar-vertical-expand-lg.menubar-transparent
     background-color: #f0f5ff;
   }
   html:not(#__):not(#___) .cadmin .menubar-vertical-expand-lg.menubar-transparent .nav-link:active {
-    background-color: #f0f5ff;
-    color: #272833;
+    background-color: if true, #f0f5ff;
+    color: if true, #272833;
   }
   html:not(#__):not(#___) .cadmin .menubar-vertical-expand-lg.menubar-transparent .nav-link.active {
     background-color: #f0f5ff;
@@ -16897,7 +16906,7 @@ html:not(#__):not(#___) .cadmin .component-tbar {
   height: 56px;
 }
 html:not(#__):not(#___) .cadmin .component-tbar .tbar-label {
-  border-width: 1px;
+  border-width: if true, 1px;
 }
 html:not(#__):not(#___) .cadmin .subnav-tbar {
   font-size: 14px;
@@ -16999,7 +17008,7 @@ html:not(#__):not(#___) .cadmin .subnav-tbar .component-label {
   font-weight: 400;
 }
 html:not(#__):not(#___) .cadmin .subnav-tbar .tbar-label {
-  border-width: 1px;
+  border-width: if true, 1px;
 }
 html:not(#__):not(#___) .cadmin .subnav-tbar-primary {
   background-color: #b3cdff;
@@ -17044,7 +17053,7 @@ html:not(#__):not(#___) .cadmin .subnav-tbar-primary .tbar-label {
   font-size: 12px;
   margin-right: 0;
   text-transform: none;
-  border-width: 1px;
+  border-width: if true, 1px;
   padding-bottom: 5px;
   padding-left: 10px;
   padding-right: 10px;
@@ -17064,7 +17073,7 @@ html:not(#__):not(#___) .cadmin .subnav-tbar-primary.subnav-tbar-disabled .compo
   border-color: #8e94aa;
 }
 html:not(#__):not(#___) .cadmin .subnav-tbar-primary.subnav-tbar-disabled .tbar-label {
-  border-width: 1px;
+  border-width: if true, 1px;
 }
 html:not(#__):not(#___) .cadmin .subnav-tbar-light {
   color: #6b6c7e;
@@ -17073,7 +17082,7 @@ html:not(#__):not(#___) .cadmin .subnav-tbar-light {
   padding-top: 2px;
 }
 html:not(#__):not(#___) .cadmin .subnav-tbar-light .tbar-label {
-  border-width: 1px;
+  border-width: if true, 1px;
 }
 html:not(#__):not(#___) .cadmin .tbar-stacked {
   display: inline-flex;
@@ -17142,7 +17151,7 @@ html:not(#__):not(#___) .cadmin .tbar-stacked .tbar-btn-monospaced .c-inner {
   margin-top: 0;
 }
 html:not(#__):not(#___) .cadmin .tbar-stacked .tbar-label {
-  border-width: 1px;
+  border-width: if true, 1px;
 }
 html:not(#__):not(#___) .cadmin .tbar-light {
   background-color: #fff;
@@ -17177,7 +17186,7 @@ html:not(#__):not(#___) .cadmin .tbar-light .tbar-btn-monospaced[aria-expanded=t
   color: #272833;
 }
 html:not(#__):not(#___) .cadmin .tbar-light .tbar-label {
-  border-width: 1px;
+  border-width: if true, 1px;
 }
 html:not(#__):not(#___) .cadmin .tbar-dark-l2 {
   background-color: #393a4a;
@@ -17213,7 +17222,7 @@ html:not(#__):not(#___) .cadmin .tbar-dark-l2 .tbar-btn-monospaced[aria-expanded
   color: #fff;
 }
 html:not(#__):not(#___) .cadmin .tbar-dark-l2 .tbar-label {
-  border-width: 1px;
+  border-width: if true, 1px;
 }
 html:not(#__):not(#___) .cadmin .tbar-dark-d1 {
   background-color: #1c1c24;
@@ -17258,7 +17267,7 @@ html:not(#__):not(#___) .cadmin .tbar-dark-d1 .tbar-btn-monospaced[aria-expanded
   color: #fff;
 }
 html:not(#__):not(#___) .cadmin .tbar-dark-d1 .tbar-label {
-  border-width: 1px;
+  border-width: if true, 1px;
 }
 html:not(#__):not(#___) .cadmin .timeline {
   list-style: none;