@clayui/css 3.82.0 → 3.83.0

package/lib/css/cadmin.css

@@ -1,6 +1,6 @@
 @charset "UTF-8";
 /**
- * Clay 3.82.0
+ * Clay 3.83.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.82.0
+ * Clay 3.83.0
  *
  * SPDX-FileCopyrightText: © 2020 Liferay, Inc. <https://liferay.com>
  * SPDX-FileCopyrightText: © 2020 Contributors to the project Clay <https://github.com/liferay/clay/graphs/contributors>
@@ -5732,12 +5732,12 @@ html:not(#__):not(#___) .cadmin .dropdown-item {
   overflow-wrap: break-word;
   word-wrap: break-word;
 }
-html:not(#__):not(#___) .cadmin .dropdown-item:hover {
+html:not(#__):not(#___) .cadmin .dropdown-item:hover, html:not(#__):not(#___) .cadmin .dropdown-item.hover {
   background-color: #f0f5ff;
   color: #272833;
   text-decoration: none;
 }
-html:not(#__):not(#___) .cadmin .dropdown-item:focus {
+html:not(#__):not(#___) .cadmin .dropdown-item:focus, html:not(#__):not(#___) .cadmin .dropdown-item.focus {
   background-color: #f0f5ff;
   box-shadow: inset 0 0 0 2px #80acff, inset 0 0 0 4px #fff;
   color: #272833;
@@ -6634,9 +6634,6 @@ html:not(#__):not(#___) .cadmin select.form-control:disabled, html:not(#__):not(
 html:not(#__):not(#___) .cadmin select.form-control:disabled > option, html:not(#__):not(#___) .cadmin select.form-control.disabled > option {
   cursor: not-allowed;
 }
-html:not(#__):not(#___) .cadmin select.form-control option {
-  cursor: pointer;
-}
 html:not(#__):not(#___) .cadmin select.form-control::-ms-expand {
   display: none;
 }
@@ -6655,6 +6652,7 @@ html:not(#__):not(#___) .cadmin .form-control-select {
   background-size: 1.5em 1.5em;
   padding-right: 2em;
   overflow: hidden;
+  text-align: left;
   text-overflow: ellipsis;
   white-space: nowrap;
 }
@@ -6680,12 +6678,6 @@ html:not(#__):not(#___) .cadmin select.form-control[size]:focus > option:checked
   background-image: linear-gradient(#ffa700, #ffa700);
   filter: invert(100%);
 }
-html:not(#__):not(#___) .cadmin select.form-control[size] option {
-  padding: 7px 8px;
-}
-html:not(#__):not(#___) .cadmin select.form-control[size] option:checked {
-  background-image: linear-gradient(#e7e7ed, #e7e7ed);
-}
 @-moz-document url-prefix() {
   html:not(#__):not(#___) .cadmin select.form-control[size]:focus > option:checked, html:not(#__):not(#___) .cadmin select.form-control[size].focus > option:checked {
     background-image: linear-gradient(#004ad7, #004ad7);
@@ -6710,12 +6702,6 @@ html:not(#__):not(#___) .cadmin select.form-control[multiple]:focus > option:che
   background-image: linear-gradient(#ffa700, #ffa700);
   filter: invert(100%);
 }
-html:not(#__):not(#___) .cadmin select.form-control[multiple] option {
-  padding: 7px 8px;
-}
-html:not(#__):not(#___) .cadmin select.form-control[multiple] option:checked {
-  background-image: linear-gradient(#e7e7ed, #e7e7ed);
-}
 @-moz-document url-prefix() {
   html:not(#__):not(#___) .cadmin select.form-control[multiple]:focus > option:checked, html:not(#__):not(#___) .cadmin select.form-control[multiple].focus > option:checked {
     background-image: linear-gradient(#004ad7, #004ad7);
@@ -6725,6 +6711,27 @@ html:not(#__):not(#___) .cadmin select.form-control[multiple] option:checked {
     padding: 6.5px 8px;
   }
 }
+html:not(#__):not(#___) .cadmin .form-control-select-secondary {
+  background-color: #fff;
+  color: #6b6c7e;
+}
+html:not(#__):not(#___) .cadmin .form-control-select-secondary:hover, html:not(#__):not(#___) .cadmin .form-control-select-secondary.hover {
+  color: #6b6c7e;
+}
+html:not(#__):not(#___) .cadmin .form-control-select-secondary:focus, html:not(#__):not(#___) .cadmin .form-control-select-secondary.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='%23272833'/%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='%23272833'/%3E%3C/svg%3E");
+  color: #272833;
+}
+html:not(#__):not(#___) .cadmin .form-control-select-secondary.show {
+  background-color: #f1f2f5;
+  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='%23272833'/%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='%23272833'/%3E%3C/svg%3E");
+  color: #272833;
+}
+html:not(#__):not(#___) .cadmin .form-control-select-secondary:disabled, html:not(#__):not(#___) .cadmin .form-control-select-secondary.disabled {
+  background-color: #fff;
+  color: #6b6c7e;
+  opacity: 0.4;
+}
 html:not(#__):not(#___) .cadmin textarea.form-control,
 html:not(#__):not(#___) .cadmin textarea.form-control-plaintext,
 html:not(#__):not(#___) .cadmin .form-control.form-control-textarea {
@@ -8295,7 +8302,7 @@ html:not(#__):not(#___) .cadmin .date-picker-nav select.form-control {
   padding-left: 8px;
   padding-top: 0;
 }
-html:not(#__):not(#___) .cadmin .date-picker-nav select.form-control:hover {
+html:not(#__):not(#___) .cadmin .date-picker-nav select.form-control:hover, html:not(#__):not(#___) .cadmin .date-picker-nav select.form-control.hover {
   background-color: #f1f2f5;
   color: #272833;
 }
@@ -14375,12 +14382,14 @@ html:not(#__):not(#___) .cadmin .sidebar, html:not(#__):not(#___) .cadmin.sideba
   overflow: auto;
   -webkit-overflow-scrolling: touch;
 }
+html:not(#__):not(#___) .cadmin .sidebar:focus, html:not(#__):not(#___) .cadmin .sidebar.focus, html:not(#__):not(#___) .cadmin.sidebar:focus, html:not(#__):not(#___) .cadmin.sidebar.focus {
+  box-shadow: inset 0 0 0 2px #80acff, inset 0 0 0 4px #fff;
+}
 html:not(#__):not(#___) .cadmin .sidebar .container-fluid, html:not(#__):not(#___) .cadmin.sidebar .container-fluid {
   padding-left: 16px;
   padding-right: 16px;
 }
-html:not(#__):not(#___) .cadmin .sidebar-header,
-html:not(#__):not(#___) .cadmin .sidebar-footer {
+html:not(#__):not(#___) .cadmin .sidebar-header {
   padding-bottom: 16px;
   padding-left: 16px;
   padding-right: 16px;
@@ -14399,6 +14408,12 @@ html:not(#__):not(#___) .cadmin .sidebar-header .component-subtitle {
   font-weight: 400;
   margin-bottom: 0;
 }
+html:not(#__):not(#___) .cadmin .sidebar-footer {
+  padding-bottom: 16px;
+  padding-left: 16px;
+  padding-right: 16px;
+  padding-top: 16px;
+}
 html:not(#__):not(#___) .cadmin .sidebar-body {
   overflow: auto;
   -webkit-overflow-scrolling: touch;
@@ -21200,6 +21215,9 @@ html:not(#__):not(#___) .cadmin .d-grid, html:not(#__):not(#___) .cadmin.d-grid
 html:not(#__):not(#___) .cadmin .d-block, html:not(#__):not(#___) .cadmin.d-block {
   display: block !important;
 }
+html:not(#__):not(#___) .cadmin .d-contents, html:not(#__):not(#___) .cadmin.d-contents {
+  display: contents !important;
+}
 html:not(#__):not(#___) .cadmin .d-table, html:not(#__):not(#___) .cadmin.d-table {
   display: table !important;
 }
@@ -21231,6 +21249,9 @@ html:not(#__):not(#___) .cadmin .d-inline-flex, html:not(#__):not(#___) .cadmin.
   html:not(#__):not(#___) .cadmin .d-sm-block, html:not(#__):not(#___) .cadmin.d-sm-block {
     display: block !important;
   }
+  html:not(#__):not(#___) .cadmin .d-sm-contents, html:not(#__):not(#___) .cadmin.d-sm-contents {
+    display: contents !important;
+  }
   html:not(#__):not(#___) .cadmin .d-sm-table, html:not(#__):not(#___) .cadmin.d-sm-table {
     display: table !important;
   }
@@ -21263,6 +21284,9 @@ html:not(#__):not(#___) .cadmin .d-inline-flex, html:not(#__):not(#___) .cadmin.
   html:not(#__):not(#___) .cadmin .d-md-block, html:not(#__):not(#___) .cadmin.d-md-block {
     display: block !important;
   }
+  html:not(#__):not(#___) .cadmin .d-md-contents, html:not(#__):not(#___) .cadmin.d-md-contents {
+    display: contents !important;
+  }
   html:not(#__):not(#___) .cadmin .d-md-table, html:not(#__):not(#___) .cadmin.d-md-table {
     display: table !important;
   }
@@ -21295,6 +21319,9 @@ html:not(#__):not(#___) .cadmin .d-inline-flex, html:not(#__):not(#___) .cadmin.
   html:not(#__):not(#___) .cadmin .d-lg-block, html:not(#__):not(#___) .cadmin.d-lg-block {
     display: block !important;
   }
+  html:not(#__):not(#___) .cadmin .d-lg-contents, html:not(#__):not(#___) .cadmin.d-lg-contents {
+    display: contents !important;
+  }
   html:not(#__):not(#___) .cadmin .d-lg-table, html:not(#__):not(#___) .cadmin.d-lg-table {
     display: table !important;
   }
@@ -21327,6 +21354,9 @@ html:not(#__):not(#___) .cadmin .d-inline-flex, html:not(#__):not(#___) .cadmin.
   html:not(#__):not(#___) .cadmin .d-xl-block, html:not(#__):not(#___) .cadmin.d-xl-block {
     display: block !important;
   }
+  html:not(#__):not(#___) .cadmin .d-xl-contents, html:not(#__):not(#___) .cadmin.d-xl-contents {
+    display: contents !important;
+  }
   html:not(#__):not(#___) .cadmin .d-xl-table, html:not(#__):not(#___) .cadmin.d-xl-table {
     display: table !important;
   }
@@ -21362,6 +21392,9 @@ html:not(#__):not(#___) .cadmin .hide {
   html:not(#__):not(#___) .cadmin .d-print-block {
     display: block !important;
   }
+  html:not(#__):not(#___) .cadmin .d-print-contents {
+    display: contents !important;
+  }
   html:not(#__):not(#___) .cadmin .d-print-table {
     display: table !important;
   }