@coreui/coreui 4.1.6 → 4.2.2

package/dist/css/coreui-utilities.css

@@ -1,7 +1,7 @@
 @charset "UTF-8";
 /*!
  * CoreUI - HTML, CSS, and JavaScript UI Components Library
- * @version v4.1.6
+ * @version v4.2.2
  * @link https://coreui.io/
  * Copyright (c) 2022 creativeLabs Łukasz Holeczek
  * License MIT  (https://coreui.io/license/)
@@ -12,60 +12,100 @@
   content: "";
 }
 
+.text-bg-primary {
+  color: rgba(255, 255, 255, 0.87) !important;
+  background-color: RGBA(50, 31, 219, var(--cui-bg-opacity, 1)) !important;
+}
+
+.text-bg-secondary {
+  color: #000015 !important;
+  background-color: RGBA(157, 165, 177, var(--cui-bg-opacity, 1)) !important;
+}
+
+.text-bg-success {
+  color: #000015 !important;
+  background-color: RGBA(46, 184, 92, var(--cui-bg-opacity, 1)) !important;
+}
+
+.text-bg-info {
+  color: #000015 !important;
+  background-color: RGBA(51, 153, 255, var(--cui-bg-opacity, 1)) !important;
+}
+
+.text-bg-warning {
+  color: rgba(44, 56, 74, 0.95) !important;
+  background-color: RGBA(249, 177, 21, var(--cui-bg-opacity, 1)) !important;
+}
+
+.text-bg-danger {
+  color: #000015 !important;
+  background-color: RGBA(229, 83, 83, var(--cui-bg-opacity, 1)) !important;
+}
+
+.text-bg-light {
+  color: rgba(44, 56, 74, 0.95) !important;
+  background-color: RGBA(235, 237, 239, var(--cui-bg-opacity, 1)) !important;
+}
+
+.text-bg-dark {
+  color: rgba(255, 255, 255, 0.87) !important;
+  background-color: RGBA(79, 93, 115, var(--cui-bg-opacity, 1)) !important;
+}
+
 .link-primary {
-  color: #321fdb;
+  color: #321fdb !important;
 }
 .link-primary:hover, .link-primary:focus {
-  color: #5b4ce2;
+  color: #5b4ce2 !important;
 }
 
 .link-secondary {
-  color: #9da5b1;
+  color: #9da5b1 !important;
 }
 .link-secondary:hover, .link-secondary:focus {
-  color: #b1b7c1;
+  color: #b1b7c1 !important;
 }
 
 .link-success {
-  color: #2eb85c;
+  color: #2eb85c !important;
 }
 .link-success:hover, .link-success:focus {
-  color: #58c67d;
+  color: #58c67d !important;
 }
 
 .link-info {
-  color: #39f;
+  color: #39f !important;
 }
 .link-info:hover, .link-info:focus {
-  color: #5cadff;
+  color: #5cadff !important;
 }
 
 .link-warning {
-  color: #f9b115;
+  color: #f9b115 !important;
 }
 .link-warning:hover, .link-warning:focus {
-  color: #c78e11;
+  color: #c78e11 !important;
 }
 
 .link-danger {
-  color: #e55353;
+  color: #e55353 !important;
 }
 .link-danger:hover, .link-danger:focus {
-  color: #ea7575;
+  color: #ea7575 !important;
 }
 
 .link-light {
-  color: #ebedef;
+  color: #ebedef !important;
 }
 .link-light:hover, .link-light:focus {
-  color: #bcbebf;
+  color: #bcbebf !important;
 }
 
 .link-dark {
-  color: #4f5d73;
+  color: #4f5d73 !important;
 }
 .link-dark:hover, .link-dark:focus {
-  color: #727d8f;
+  color: #727d8f !important;
 }
 
 .ratio {
@@ -124,6 +164,13 @@
   z-index: 1020;
 }
 
+.sticky-bottom {
+  position: -webkit-sticky;
+  position: sticky;
+  bottom: 0;
+  z-index: 1020;
+}
+
 @media (min-width: 576px) {
   .sticky-sm-top {
     position: -webkit-sticky;
@@ -131,6 +178,12 @@
     top: 0;
     z-index: 1020;
   }
+  .sticky-sm-bottom {
+    position: -webkit-sticky;
+    position: sticky;
+    bottom: 0;
+    z-index: 1020;
+  }
 }
 @media (min-width: 768px) {
   .sticky-md-top {
@@ -139,6 +192,12 @@
     top: 0;
     z-index: 1020;
   }
+  .sticky-md-bottom {
+    position: -webkit-sticky;
+    position: sticky;
+    bottom: 0;
+    z-index: 1020;
+  }
 }
 @media (min-width: 992px) {
   .sticky-lg-top {
@@ -147,6 +206,12 @@
     top: 0;
     z-index: 1020;
   }
+  .sticky-lg-bottom {
+    position: -webkit-sticky;
+    position: sticky;
+    bottom: 0;
+    z-index: 1020;
+  }
 }
 @media (min-width: 1200px) {
   .sticky-xl-top {
@@ -155,6 +220,12 @@
     top: 0;
     z-index: 1020;
   }
+  .sticky-xl-bottom {
+    position: -webkit-sticky;
+    position: sticky;
+    bottom: 0;
+    z-index: 1020;
+  }
 }
 @media (min-width: 1400px) {
   .sticky-xxl-top {
@@ -163,6 +234,12 @@
     top: 0;
     z-index: 1020;
   }
+  .sticky-xxl-bottom {
+    position: -webkit-sticky;
+    position: sticky;
+    bottom: 0;
+    z-index: 1020;
+  }
 }
 .hstack {
   display: flex;
@@ -212,6 +289,7 @@
   align-self: stretch;
   width: 1px;
   min-height: 1em;
+  padding: 0;
   background-color: currentColor;
   opacity: 0.25;
 }
@@ -426,7 +504,7 @@
 }
 
 .border {
-  border: 1px solid var(--cui-border-color, #d8dbe0) !important;
+  border: var(--cui-border-width) var(--cui-border-style) var(--cui-border-color) !important;
 }
 
 .border-0 {
@@ -434,7 +512,7 @@
 }
 
 .border-top {
-  border-top: 1px solid var(--cui-border-color, #d8dbe0) !important;
+  border-top: var(--cui-border-width) var(--cui-border-style) var(--cui-border-color) !important;
 }
 
 .border-top-0 {
@@ -442,7 +520,7 @@
 }
 
 .border-end {
-  border-right: 1px solid var(--cui-border-color, #d8dbe0) !important;
+  border-right: var(--cui-border-width) var(--cui-border-style) var(--cui-border-color) !important;
 }
 
 .border-end-0 {
@@ -450,7 +528,7 @@
 }
 
 .border-bottom {
-  border-bottom: 1px solid var(--cui-border-color, #d8dbe0) !important;
+  border-bottom: var(--cui-border-width) var(--cui-border-style) var(--cui-border-color) !important;
 }
 
 .border-bottom-0 {
@@ -458,7 +536,7 @@
 }
 
 .border-start {
-  border-left: 1px solid var(--cui-border-color, #d8dbe0) !important;
+  border-left: var(--cui-border-width) var(--cui-border-style) var(--cui-border-color) !important;
 }
 
 .border-start-0 {
@@ -466,39 +544,48 @@
 }
 
 .border-primary {
-  border-color: #321fdb !important;
+  --cui-border-opacity: 1;
+  border-color: rgba(var(--cui-primary-rgb), var(--cui-border-opacity)) !important;
 }
 
 .border-secondary {
-  border-color: #9da5b1 !important;
+  --cui-border-opacity: 1;
+  border-color: rgba(var(--cui-secondary-rgb), var(--cui-border-opacity)) !important;
 }
 
 .border-success {
-  border-color: #2eb85c !important;
+  --cui-border-opacity: 1;
+  border-color: rgba(var(--cui-success-rgb), var(--cui-border-opacity)) !important;
 }
 
 .border-info {
-  border-color: #39f !important;
+  --cui-border-opacity: 1;
+  border-color: rgba(var(--cui-info-rgb), var(--cui-border-opacity)) !important;
 }
 
 .border-warning {
-  border-color: #f9b115 !important;
+  --cui-border-opacity: 1;
+  border-color: rgba(var(--cui-warning-rgb), var(--cui-border-opacity)) !important;
 }
 
 .border-danger {
-  border-color: #e55353 !important;
+  --cui-border-opacity: 1;
+  border-color: rgba(var(--cui-danger-rgb), var(--cui-border-opacity)) !important;
 }
 
 .border-light {
-  border-color: #ebedef !important;
+  --cui-border-opacity: 1;
+  border-color: rgba(var(--cui-light-rgb), var(--cui-border-opacity)) !important;
 }
 
 .border-dark {
-  border-color: #4f5d73 !important;
+  --cui-border-opacity: 1;
+  border-color: rgba(var(--cui-dark-rgb), var(--cui-border-opacity)) !important;
 }
 
 .border-white {
-  border-color: #fff !important;
+  --cui-border-opacity: 1;
+  border-color: rgba(var(--cui-white-rgb), var(--cui-border-opacity)) !important;
 }
 
 .border-top-primary {
@@ -646,23 +733,23 @@
 }
 
 .border-1 {
-  border-width: 1px !important;
+  --cui-border-width: 1px;
 }
 
 .border-2 {
-  border-width: 2px !important;
+  --cui-border-width: 2px;
 }
 
 .border-3 {
-  border-width: 3px !important;
+  --cui-border-width: 3px;
 }
 
 .border-4 {
-  border-width: 4px !important;
+  --cui-border-width: 4px;
 }
 
 .border-5 {
-  border-width: 5px !important;
+  --cui-border-width: 5px;
 }
 
 .border-top-1 {
@@ -745,6 +832,26 @@
   border-left-width: 5px !important;
 }
 
+.border-opacity-10 {
+  --cui-border-opacity: 0.1;
+}
+
+.border-opacity-25 {
+  --cui-border-opacity: 0.25;
+}
+
+.border-opacity-50 {
+  --cui-border-opacity: 0.5;
+}
+
+.border-opacity-75 {
+  --cui-border-opacity: 0.75;
+}
+
+.border-opacity-100 {
+  --cui-border-opacity: 1;
+}
+
 .w-25 {
   width: 25% !important;
 }
@@ -857,30 +964,6 @@
   flex-wrap: wrap-reverse !important;
 }
 
-.gap-0 {
-  gap: 0 !important;
-}
-
-.gap-1 {
-  gap: 0.25rem !important;
-}
-
-.gap-2 {
-  gap: 0.5rem !important;
-}
-
-.gap-3 {
-  gap: 1rem !important;
-}
-
-.gap-4 {
-  gap: 1.5rem !important;
-}
-
-.gap-5 {
-  gap: 3rem !important;
-}
-
 .justify-content-start {
   justify-content: flex-start !important;
 }
@@ -1395,6 +1478,30 @@
   padding-left: 3rem !important;
 }
 
+.gap-0 {
+  gap: 0 !important;
+}
+
+.gap-1 {
+  gap: 0.25rem !important;
+}
+
+.gap-2 {
+  gap: 0.5rem !important;
+}
+
+.gap-3 {
+  gap: 1rem !important;
+}
+
+.gap-4 {
+  gap: 1.5rem !important;
+}
+
+.gap-5 {
+  gap: 3rem !important;
+}
+
 .font-monospace {
   font-family: var(--cui-font-monospace) !important;
 }
@@ -1758,7 +1865,7 @@
 }
 
 .rounded {
-  border-radius: 0.25rem !important;
+  border-radius: var(--cui-border-radius) !important;
 }
 
 .rounded-0 {
@@ -1766,15 +1873,23 @@
 }
 
 .rounded-1 {
-  border-radius: 0.2rem !important;
+  border-radius: var(--cui-border-radius-sm) !important;
 }
 
 .rounded-2 {
-  border-radius: 0.25rem !important;
+  border-radius: var(--cui-border-radius) !important;
 }
 
 .rounded-3 {
-  border-radius: 0.3rem !important;
+  border-radius: var(--cui-border-radius-lg) !important;
+}
+
+.rounded-4 {
+  border-radius: var(--cui-border-radius-xl) !important;
+}
+
+.rounded-5 {
+  border-radius: var(--cui-border-radius-2xl) !important;
 }
 
 .rounded-circle {
@@ -1782,27 +1897,27 @@
 }
 
 .rounded-pill {
-  border-radius: 50rem !important;
+  border-radius: var(--cui-border-radius-pill) !important;
 }
 
 .rounded-top {
-  border-top-left-radius: 0.25rem !important;
-  border-top-right-radius: 0.25rem !important;
+  border-top-left-radius: var(--cui-border-radius) !important;
+  border-top-right-radius: var(--cui-border-radius) !important;
 }
 
 .rounded-end {
-  border-top-right-radius: 0.25rem !important;
-  border-bottom-right-radius: 0.25rem !important;
+  border-top-right-radius: var(--cui-border-radius) !important;
+  border-bottom-right-radius: var(--cui-border-radius) !important;
 }
 
 .rounded-bottom {
-  border-bottom-right-radius: 0.25rem !important;
-  border-bottom-left-radius: 0.25rem !important;
+  border-bottom-right-radius: var(--cui-border-radius) !important;
+  border-bottom-left-radius: var(--cui-border-radius) !important;
 }
 
 .rounded-start {
-  border-bottom-left-radius: 0.25rem !important;
-  border-top-left-radius: 0.25rem !important;
+  border-bottom-left-radius: var(--cui-border-radius) !important;
+  border-top-left-radius: var(--cui-border-radius) !important;
 }
 
 .visible {
@@ -1889,24 +2004,6 @@
   .flex-sm-wrap-reverse {
     flex-wrap: wrap-reverse !important;
   }
-  .gap-sm-0 {
-    gap: 0 !important;
-  }
-  .gap-sm-1 {
-    gap: 0.25rem !important;
-  }
-  .gap-sm-2 {
-    gap: 0.5rem !important;
-  }
-  .gap-sm-3 {
-    gap: 1rem !important;
-  }
-  .gap-sm-4 {
-    gap: 1.5rem !important;
-  }
-  .gap-sm-5 {
-    gap: 3rem !important;
-  }
   .justify-content-sm-start {
     justify-content: flex-start !important;
   }
@@ -2299,6 +2396,24 @@
   .ps-sm-5 {
     padding-left: 3rem !important;
   }
+  .gap-sm-0 {
+    gap: 0 !important;
+  }
+  .gap-sm-1 {
+    gap: 0.25rem !important;
+  }
+  .gap-sm-2 {
+    gap: 0.5rem !important;
+  }
+  .gap-sm-3 {
+    gap: 1rem !important;
+  }
+  .gap-sm-4 {
+    gap: 1.5rem !important;
+  }
+  .gap-sm-5 {
+    gap: 3rem !important;
+  }
   .text-sm-start {
     text-align: left !important;
   }
@@ -2385,24 +2500,6 @@
   .flex-md-wrap-reverse {
     flex-wrap: wrap-reverse !important;
   }
-  .gap-md-0 {
-    gap: 0 !important;
-  }
-  .gap-md-1 {
-    gap: 0.25rem !important;
-  }
-  .gap-md-2 {
-    gap: 0.5rem !important;
-  }
-  .gap-md-3 {
-    gap: 1rem !important;
-  }
-  .gap-md-4 {
-    gap: 1.5rem !important;
-  }
-  .gap-md-5 {
-    gap: 3rem !important;
-  }
   .justify-content-md-start {
     justify-content: flex-start !important;
   }
@@ -2795,6 +2892,24 @@
   .ps-md-5 {
     padding-left: 3rem !important;
   }
+  .gap-md-0 {
+    gap: 0 !important;
+  }
+  .gap-md-1 {
+    gap: 0.25rem !important;
+  }
+  .gap-md-2 {
+    gap: 0.5rem !important;
+  }
+  .gap-md-3 {
+    gap: 1rem !important;
+  }
+  .gap-md-4 {
+    gap: 1.5rem !important;
+  }
+  .gap-md-5 {
+    gap: 3rem !important;
+  }
   .text-md-start {
     text-align: left !important;
   }
@@ -2881,24 +2996,6 @@
   .flex-lg-wrap-reverse {
     flex-wrap: wrap-reverse !important;
   }
-  .gap-lg-0 {
-    gap: 0 !important;
-  }
-  .gap-lg-1 {
-    gap: 0.25rem !important;
-  }
-  .gap-lg-2 {
-    gap: 0.5rem !important;
-  }
-  .gap-lg-3 {
-    gap: 1rem !important;
-  }
-  .gap-lg-4 {
-    gap: 1.5rem !important;
-  }
-  .gap-lg-5 {
-    gap: 3rem !important;
-  }
   .justify-content-lg-start {
     justify-content: flex-start !important;
   }
@@ -3291,6 +3388,24 @@
   .ps-lg-5 {
     padding-left: 3rem !important;
   }
+  .gap-lg-0 {
+    gap: 0 !important;
+  }
+  .gap-lg-1 {
+    gap: 0.25rem !important;
+  }
+  .gap-lg-2 {
+    gap: 0.5rem !important;
+  }
+  .gap-lg-3 {
+    gap: 1rem !important;
+  }
+  .gap-lg-4 {
+    gap: 1.5rem !important;
+  }
+  .gap-lg-5 {
+    gap: 3rem !important;
+  }
   .text-lg-start {
     text-align: left !important;
   }
@@ -3377,24 +3492,6 @@
   .flex-xl-wrap-reverse {
     flex-wrap: wrap-reverse !important;
   }
-  .gap-xl-0 {
-    gap: 0 !important;
-  }
-  .gap-xl-1 {
-    gap: 0.25rem !important;
-  }
-  .gap-xl-2 {
-    gap: 0.5rem !important;
-  }
-  .gap-xl-3 {
-    gap: 1rem !important;
-  }
-  .gap-xl-4 {
-    gap: 1.5rem !important;
-  }
-  .gap-xl-5 {
-    gap: 3rem !important;
-  }
   .justify-content-xl-start {
     justify-content: flex-start !important;
   }
@@ -3787,6 +3884,24 @@
   .ps-xl-5 {
     padding-left: 3rem !important;
   }
+  .gap-xl-0 {
+    gap: 0 !important;
+  }
+  .gap-xl-1 {
+    gap: 0.25rem !important;
+  }
+  .gap-xl-2 {
+    gap: 0.5rem !important;
+  }
+  .gap-xl-3 {
+    gap: 1rem !important;
+  }
+  .gap-xl-4 {
+    gap: 1.5rem !important;
+  }
+  .gap-xl-5 {
+    gap: 3rem !important;
+  }
   .text-xl-start {
     text-align: left !important;
   }
@@ -3873,24 +3988,6 @@
   .flex-xxl-wrap-reverse {
     flex-wrap: wrap-reverse !important;
   }
-  .gap-xxl-0 {
-    gap: 0 !important;
-  }
-  .gap-xxl-1 {
-    gap: 0.25rem !important;
-  }
-  .gap-xxl-2 {
-    gap: 0.5rem !important;
-  }
-  .gap-xxl-3 {
-    gap: 1rem !important;
-  }
-  .gap-xxl-4 {
-    gap: 1.5rem !important;
-  }
-  .gap-xxl-5 {
-    gap: 3rem !important;
-  }
   .justify-content-xxl-start {
     justify-content: flex-start !important;
   }
@@ -4283,6 +4380,24 @@
   .ps-xxl-5 {
     padding-left: 3rem !important;
   }
+  .gap-xxl-0 {
+    gap: 0 !important;
+  }
+  .gap-xxl-1 {
+    gap: 0.25rem !important;
+  }
+  .gap-xxl-2 {
+    gap: 0.5rem !important;
+  }
+  .gap-xxl-3 {
+    gap: 1rem !important;
+  }
+  .gap-xxl-4 {
+    gap: 1.5rem !important;
+  }
+  .gap-xxl-5 {
+    gap: 3rem !important;
+  }
   .text-xxl-start {
     text-align: left !important;
   }