@clayui/css 3.102.0 → 3.104.0

package/lib/css/base.css

@@ -1,6 +1,6 @@
 @charset "UTF-8";
 /**
- * Clay 3.102.0
+ * 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>
@@ -4182,6 +4182,9 @@ input[type=button].btn-block {
   color: #0056b3;
   text-decoration: underline;
 }
+.breadcrumb-toggle {
+  color: #007bff;
+}
 .breadcrumb-item {
   margin-right: 0.5em;
   position: relative;
@@ -4190,6 +4193,10 @@ input[type=button].btn-block {
 .breadcrumb-item .active {
   color: #6c757d;
 }
+.breadcrumb-item.active .breadcrumb-link,
+.breadcrumb-item .active .breadcrumb-link {
+  color: inherit;
+}
 .breadcrumb-item > span {
   text-transform: inherit;
 }
@@ -9342,6 +9349,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;
@@ -9421,6 +9429,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;
@@ -9428,6 +9439,27 @@ 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: 1.9375rem;
+    min-width: 1.5rem;
+  }
+}
+@media (max-width: 575.98px) {
+  .date-picker .clay-time .form-control {
+    border-radius: 0.2rem;
+    font-size: 0.875rem;
+    height: 1.9375rem;
+    line-height: 1.5;
+    min-height: 1.9375rem;
+    padding-bottom: 0.25rem;
+    padding-left: 0.5rem;
+    padding-right: 0.5rem;
+    padding-top: 0.25rem;
+  }
+}
+
 .date-picker-dropdown-menu {
   max-height: none;
   max-width: 370px;
@@ -9437,10 +9469,19 @@ label.custom-control-label {
   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: #6c757d;
@@ -9472,13 +9513,44 @@ 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 {
+  color: #495057;
+}
+@media (max-width: 575.98px) {
+  .date-picker-nav select.form-control {
+    font-size: 0.75rem;
+    height: 1.5rem;
+    color: #495057;
+  }
+}
+.date-picker-nav .form-control-select {
+  color: #495057;
+}
+@media (max-width: 575.98px) {
+  .date-picker-nav .form-control-select {
+    font-size: 0.75rem;
+    height: 1.5rem;
+    color: #495057;
+  }
+}
 .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 {
@@ -9501,21 +9573,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: #ced4da;
   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 {
@@ -9561,6 +9655,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;
@@ -9569,10 +9670,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(#e5f2ff, #e5f2ff);
@@ -9599,6 +9707,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;