@clayui/css 3.103.1 → 3.104.0

package/lib/css/atlas.css

@@ -1,6 +1,6 @@
 @charset "UTF-8";
 /**
- * Clay 3.103.1
+ * Clay 3.104.0
  *
  * SPDX-FileCopyrightText: © 2020 Liferay, Inc. <https://liferay.com>
  * SPDX-FileCopyrightText: © 2020 Contributors to the project Clay <https://github.com/liferay/clay/graphs/contributors>
@@ -4344,6 +4344,9 @@ input[type=button].btn-block {
   box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #528eff;
   outline: 0;
 }
+.breadcrumb-toggle {
+  color: #6b6c7e;
+}
 .breadcrumb-item {
   font-size: 0.875rem;
   margin-right: 0.5em;
@@ -4354,6 +4357,10 @@ input[type=button].btn-block {
   color: #272833;
   font-weight: 600;
 }
+.breadcrumb-item.active .breadcrumb-link,
+.breadcrumb-item .active .breadcrumb-link {
+  color: inherit;
+}
 .breadcrumb-item > span {
   text-transform: inherit;
 }
@@ -9881,6 +9888,7 @@ label.custom-control-label {
 }
 .clay-time .form-control-inset {
   margin-bottom: 0;
+  margin-left: 0;
   margin-top: 0;
   text-align: center;
   width: 1.25rem;
@@ -9960,6 +9968,9 @@ label.custom-control-label {
   margin-right: -2px;
   margin-top: -2px;
 }
+.date-picker .input-group-item {
+  margin-left: 0.125rem;
+}
 .date-picker .input-group-text {
   background-color: transparent;
   border-color: transparent;
@@ -9967,19 +9978,49 @@ label.custom-control-label {
   padding-left: 0.25rem;
   padding-right: 0.25rem;
 }
+@media (max-width: 575.98px) {
+  .date-picker .input-group-text {
+    font-size: inherit;
+    height: 2rem;
+    min-width: 1.5rem;
+  }
+}
+@media (max-width: 575.98px) {
+  .date-picker .clay-time .form-control {
+    border-radius: 0.25rem;
+    font-size: 0.875rem;
+    height: 2rem;
+    line-height: 1.5;
+    min-height: 2rem;
+    padding-bottom: 0.25rem;
+    padding-left: 0.75rem;
+    padding-right: 0.75rem;
+    padding-top: 0.25rem;
+  }
+}
+
 .date-picker-dropdown-menu {
   max-height: none;
-  max-width: 368px;
+  max-width: 352px;
   padding-bottom: 0;
   padding-left: 0;
   padding-right: 0;
   padding-top: 0;
   width: 100%;
 }
+@media (max-width: 575.98px) {
+  .date-picker-dropdown-menu {
+    font-size: 0.75rem;
+    margin: 0;
+    max-height: 255px;
+    max-width: 264px;
+  }
+}
+
 .date-picker-nav {
   display: flex;
-  margin-left: -0.25rem;
-  margin-right: -0.25rem;
+  margin-left: -0.125rem;
+  margin-right: -0.125rem;
 }
 .date-picker-nav .nav-btn {
   color: #6b6c7e;
@@ -10022,8 +10063,19 @@ label.custom-control-label {
 }
 .date-picker-nav .nav-btn-monospaced {
   margin-bottom: 0;
+  margin-left: 0.125rem;
+  margin-right: 0.125rem;
   margin-top: 0;
 }
+@media (max-width: 575.98px) {
+  .date-picker-nav .nav-btn-monospaced {
+    font-size: 0.75rem;
+    height: 1.5rem;
+    max-height: 1.5rem;
+    max-width: 1.5rem;
+    min-width: 1.5rem;
+  }
+}
 .date-picker-nav select.form-control {
   background-color: transparent;
   border-color: transparent;
@@ -10035,6 +10087,13 @@ label.custom-control-label {
   padding-left: 0.5rem;
   padding-top: 0;
 }
+@media (max-width: 575.98px) {
+  .date-picker-nav select.form-control {
+    font-size: 0.75rem;
+    height: 1.5rem;
+    color: #272833;
+  }
+}
 .date-picker-nav select.form-control:hover, .date-picker-nav select.form-control.hover {
   background-color: #f1f2f5;
   color: #272833;
@@ -10058,6 +10117,13 @@ label.custom-control-label {
   padding-left: 0.5rem;
   padding-top: 0;
 }
+@media (max-width: 575.98px) {
+  .date-picker-nav .form-control-select {
+    font-size: 0.75rem;
+    height: 1.5rem;
+    color: #272833;
+  }
+}
 .date-picker-nav .form-control-select:hover, .date-picker-nav .form-control-select.hover {
   background-color: #f1f2f5;
   color: #272833;
@@ -10073,8 +10139,8 @@ label.custom-control-label {
 .date-picker-nav-item {
   align-items: center;
   display: flex;
-  padding-left: 0.25rem;
-  padding-right: 0.25rem;
+  padding-left: 0.125rem;
+  padding-right: 0.125rem;
 }
 
 .date-picker-nav-item-expand {
@@ -10097,21 +10163,43 @@ label.custom-control-label {
   padding-right: 1rem;
   padding-top: 1rem;
 }
+@media (max-width: 575.98px) {
+  .date-picker-calendar-header {
+    padding-bottom: 0.25rem;
+    padding-left: 0.375rem;
+    padding-right: 0.375rem;
+    padding-top: 0.5rem;
+  }
+}
 
 .date-picker-calendar-body {
-  padding-left: 1rem;
-  padding-right: 1rem;
+  padding-left: 0.5rem;
+  padding-right: 0.5rem;
   padding-bottom: 0.5rem;
 }
+@media (max-width: 575.98px) {
+  .date-picker-calendar-body {
+    padding-left: 0.375rem;
+    padding-right: 0.375rem;
+    padding-bottom: 0.25rem;
+  }
+}
 
 .date-picker-calendar-footer {
   border-color: #cdced9;
   border-style: solid;
   border-width: 1px 0 0 0;
-  padding-bottom: 1rem;
-  padding-left: 1.5rem;
-  padding-right: 1.5rem;
-  padding-top: 1rem;
+  padding-bottom: 0.5rem;
+  padding-left: 0.875rem;
+  padding-right: 0.875rem;
+  padding-top: 0.5rem;
+}
+@media (max-width: 575.98px) {
+  .date-picker-calendar-footer {
+    padding-left: 0.375rem;
+    padding-right: 0.375rem;
+    padding-top: 0.4375rem;
+  }
 }
 
 .date-picker-calendar-item {
@@ -10157,6 +10245,13 @@ label.custom-control-label {
   margin-right: 0;
   margin-top: 0;
 }
+@media (max-width: 575.98px) {
+  .date-picker-calendar-item {
+    height: 1.5rem;
+    width: 1.5rem;
+  }
+}
+
 .date-picker-row {
   display: flex;
   justify-content: space-between;
@@ -10165,10 +10260,17 @@ label.custom-control-label {
   margin-top: 0.5rem;
   padding: 0;
 }
+@media (max-width: 575.98px) {
+  .date-picker-row {
+    margin-bottom: 0.25rem;
+    margin-top: 0.25rem;
+  }
+}
 
 .date-picker-col {
-  padding-left: 0.5rem;
-  padding-right: 0.5rem;
+  display: flex;
+  flex-grow: 1;
+  justify-content: center;
 }
 .date-picker-col.c-selected {
   background-image: linear-gradient(#f0f5ff, #f0f5ff);
@@ -10195,6 +10297,11 @@ label.custom-control-label {
   margin-bottom: 1rem;
   margin-top: 0;
 }
+@media (max-width: 575.98px) {
+  .date-picker-days-row {
+    margin-bottom: 0.25rem;
+  }
+}
 
 .date-picker-day {
   height: 1.3125rem;