@clayui/css 3.133.0 → 3.135.0

package/lib/css/cadmin.css

@@ -1,6 +1,6 @@
 @charset "UTF-8";
 /**
- * Clay 3.133.0
+ * Clay 3.135.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.133.0
+ * Clay 3.135.0
  *
  * SPDX-FileCopyrightText: © 2020 Liferay, Inc. <https://liferay.com>
  * SPDX-FileCopyrightText: © 2020 Contributors to the project Clay <https://github.com/liferay/clay/graphs/contributors>
@@ -4735,15 +4735,14 @@ html:not(#__):not(#___) .cadmin .label-item .btn-unstyled {
   display: inline-flex;
 }
 html:not(#__):not(#___) .cadmin .label-item .close {
-  border-radius: 1px;
+  border-radius: 5000px;
   color: inherit;
   display: inline-flex;
   font-size: 16px;
-  height: auto;
-  margin-bottom: -2px;
-  margin-top: -2px;
+  height: 24px;
+  margin: -5px -4px;
   opacity: 1;
-  width: auto;
+  width: 24px;
 }
 html:not(#__):not(#___) .cadmin .label-item .close:hover {
   color: inherit;
@@ -7353,6 +7352,7 @@ html:not(#__):not(#___) .cadmin select.form-control.focus, html:not(#__):not(#__
 html:not(#__):not(#___) .c-prefers-focus .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");
 }
+
 html:not(#__):not(#___) .cadmin select.form-control:disabled, html:not(#__):not(#___) .cadmin select.form-control.disabled {
   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='%23a7a9bc'/%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='%23a7a9bc'/%3E%3C/svg%3E");
 }
@@ -7483,6 +7483,7 @@ html:not(#__):not(#___) .c-prefers-focus .cadmin .form-control-select-secondary:
   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");
@@ -9507,6 +9508,7 @@ html:not(#__):not(#___) .c-prefers-focus .cadmin .date-picker-nav select.form-co
   background-color: #f1f2f5;
   color: #272833;
 }
+
 html:not(#__):not(#___) .cadmin .date-picker-nav select.form-control:disabled, html:not(#__):not(#___) .cadmin .date-picker-nav select.form-control.disabled {
   background-color: transparent;
   color: #a7a9bc;
@@ -9537,6 +9539,7 @@ html:not(#__):not(#___) .c-prefers-focus .cadmin .date-picker-nav .form-control-
   background-color: #f1f2f5;
   color: #272833;
 }
+
 html:not(#__):not(#___) .cadmin .date-picker-nav .form-control-select:disabled, html:not(#__):not(#___) .cadmin .date-picker-nav .form-control-select.disabled {
   background-color: transparent;
   color: #a7a9bc;
@@ -11236,6 +11239,10 @@ html:not(#__):not(#___) .cadmin .modal-header, html:not(#__):not(#___) .cadmin.m
   padding-bottom: 0;
   padding-top: 0;
 }
+html:not(#__):not(#___) .cadmin .modal-header .modal-title, html:not(#__):not(#___) .cadmin.modal-header .modal-title {
+  margin-bottom: 0;
+  margin-top: 0;
+}
 html:not(#__):not(#___) .cadmin .modal-body, html:not(#__):not(#___) .cadmin.modal-body {
   border-top: 1px solid #e7e7ed;
   flex-grow: 1;
@@ -11247,6 +11254,17 @@ html:not(#__):not(#___) .cadmin .modal-body, html:not(#__):not(#___) .cadmin.mod
   padding: 24px;
   position: relative;
 }
+html:not(#__):not(#___) .cadmin .modal-body .aspect-ratio, html:not(#__):not(#___) .cadmin.modal-body .aspect-ratio {
+  margin-left: -24px;
+  margin-right: -24px;
+  top: -24px;
+}
+html:not(#__):not(#___) .cadmin .modal-body .close, html:not(#__):not(#___) .cadmin.modal-body .close {
+  position: absolute;
+  right: 1rem;
+  top: 1rem;
+  z-index: 1;
+}
 html:not(#__):not(#___) .cadmin .modal-body.inline-scroller, html:not(#__):not(#___) .cadmin.modal-body.inline-scroller {
   max-height: none;
   -webkit-overflow-scrolling: touch;
@@ -11319,8 +11337,9 @@ html:not(#__):not(#___) .cadmin .modal-title {
   flex-grow: 1;
   font-size: 20px;
   font-weight: 700;
-  line-height: 1.5;
-  margin-bottom: 0;
+  line-height: 1.2;
+  margin-bottom: 24px;
+  margin-top: 16px;
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
@@ -15537,6 +15556,7 @@ html:not(#__):not(#___) .c-prefers-focus .cadmin .popover:focus {
   box-shadow: 0 0 0 2px #fff, 0 0 0 4px #5791ff;
   outline: 0;
 }
+
 html:not(#__):not(#___) .cadmin .popover-secondary {
   box-shadow: 0 8px 16px 0 rgba(11, 95, 255, 0.16);
 }
@@ -16525,6 +16545,7 @@ html:not(#__):not(#___) .cadmin .sidenav-start .sidebar-light,
 html:not(#__):not(#___) .cadmin .sidenav-left .sidebar-light {
   box-shadow: 4px 0 8px -4px rgba(0, 0, 0, 0.1);
 }
+
 html:not(#__):not(#___) .cadmin .sidebar-light .sidebar-panel {
   background-color: #f1f2f5;
 }
@@ -18051,9 +18072,6 @@ html:not(#__):not(#___) .cadmin .component-tbar {
   color: #6b6c7e;
   height: 56px;
 }
-html:not(#__):not(#___) .cadmin .component-tbar .tbar-label {
-  border-width: 1px;
-}
 html:not(#__):not(#___) .cadmin .subnav-tbar {
   font-size: 14px;
 }
@@ -18149,9 +18167,6 @@ html:not(#__):not(#___) .cadmin .subnav-tbar .component-text {
 html:not(#__):not(#___) .cadmin .subnav-tbar .component-label {
   font-weight: 400;
 }
-html:not(#__):not(#___) .cadmin .subnav-tbar .tbar-label {
-  border-width: 1px;
-}
 html:not(#__):not(#___) .cadmin .subnav-tbar-primary {
   background-color: #b3cdff;
   padding-bottom: 10px;
@@ -18216,18 +18231,12 @@ html:not(#__):not(#___) .cadmin .subnav-tbar-primary.subnav-tbar-disabled {
 html:not(#__):not(#___) .cadmin .subnav-tbar-primary.subnav-tbar-disabled .component-label {
   border-color: #8e94aa;
 }
-html:not(#__):not(#___) .cadmin .subnav-tbar-primary.subnav-tbar-disabled .tbar-label {
-  border-width: 1px;
-}
 html:not(#__):not(#___) .cadmin .subnav-tbar-light {
   background-color: white;
   color: #6b6c7e;
   padding-bottom: 2px;
   padding-top: 2px;
 }
-html:not(#__):not(#___) .cadmin .subnav-tbar-light .tbar-label {
-  border-width: 1px;
-}
 html:not(#__):not(#___) .cadmin .tbar-stacked {
   display: inline-flex;
   height: 100%;
@@ -18303,9 +18312,6 @@ html:not(#__):not(#___) .cadmin .tbar-stacked .tbar-btn-monospaced .c-inner {
   margin-right: 0;
   margin-top: 0;
 }
-html:not(#__):not(#___) .cadmin .tbar-stacked .tbar-label {
-  border-width: 1px;
-}
 html:not(#__):not(#___) .cadmin .tbar-light {
   background-color: #fff;
   box-shadow: inset 1px 0 0 0 #f1f2f5 , inset -1px 0 0 0 #f1f2f5;
@@ -18340,9 +18346,6 @@ html:not(#__):not(#___) .cadmin .tbar-light .tbar-btn-monospaced[aria-expanded=t
   background-color: #f1f2f5;
   color: #272833;
 }
-html:not(#__):not(#___) .cadmin .tbar-light .tbar-label {
-  border-width: 1px;
-}
 html:not(#__):not(#___) .cadmin .tbar-dark-l2 {
   background-color: #393a4a;
   box-shadow: inset 1px 0 0 0 rgba(255, 255, 255, 0.06) , inset -1px 0 0 0 rgba(255, 255, 255, 0.06);
@@ -18378,9 +18381,6 @@ html:not(#__):not(#___) .cadmin .tbar-dark-l2 .tbar-btn-monospaced[aria-expanded
   background-color: rgba(255, 255, 255, 0.06);
   color: #fff;
 }
-html:not(#__):not(#___) .cadmin .tbar-dark-l2 .tbar-label {
-  border-width: 1px;
-}
 html:not(#__):not(#___) .cadmin .tbar-dark-d1 {
   background-color: #1c1c24;
   box-shadow: inset 1px 0 0 0 rgba(255, 255, 255, 0.06) , inset -1px 0 0 0 rgba(255, 255, 255, 0.06);
@@ -18435,9 +18435,6 @@ html:not(#__):not(#___) .cadmin .tbar-dark-d1 .tbar-btn-monospaced[aria-expanded
   top: 0;
   width: 4px;
 }
-html:not(#__):not(#___) .cadmin .tbar-dark-d1 .tbar-label {
-  border-width: 1px;
-}
 html:not(#__):not(#___) .cadmin .timeline {
   list-style: none;
   padding-left: 0;
@@ -18859,6 +18856,7 @@ html:not(#__):not(#___) .cadmin .toggle-switch-check:focus-visible ~ .toggle-swi
 html:not(#__):not(#___) .c-prefers-focus .cadmin .toggle-switch-check:focus ~ .toggle-switch-bar::before {
   box-shadow: 0 0 0 2px #fff, 0 0 0 4px #5791ff;
 }
+
 html:not(#__):not(#___) .cadmin .toggle-switch-check[disabled] ~ .toggle-switch-bar, html:not(#__):not(#___) .cadmin .toggle-switch-check:disabled ~ .toggle-switch-bar {
   cursor: not-allowed;
   opacity: 0.4;
@@ -23461,6 +23459,14 @@ html:not(#__):not(#___) .cadmin button.bg-primary:hover,
 html:not(#__):not(#___) .cadmin button.bg-primary:focus {
   background-color: #004ad7 !important;
 }
+html:not(#__):not(#___) .cadmin .bg-primary-l3 {
+  background-color: #f0f5ff !important;
+}
+html:not(#__):not(#___) .cadmin a.bg-primary-l3:hover, html:not(#__):not(#___) .cadmin a.bg-primary-l3:focus,
+html:not(#__):not(#___) .cadmin button.bg-primary-l3:hover,
+html:not(#__):not(#___) .cadmin button.bg-primary-l3:focus {
+  background-color: #bdd4ff !important;
+}
 html:not(#__):not(#___) .cadmin .bg-secondary {
   background-color: #6b6c7e !important;
 }