@coreui/coreui 5.0.0-beta.0 → 5.0.0-beta.2

package/dist/css/coreui.css

@@ -1,6 +1,6 @@
 @charset "UTF-8";
 /*!
- * CoreUI  v5.0.0-beta.0 (https://coreui.io)
+ * CoreUI  v5.0.0-beta.2 (https://coreui.io)
  * Copyright (c) 2023 creativeLabs Łukasz Holeczek
  * Licensed under MIT (https://github.com/coreui/coreui/blob/main/LICENSE)
  */
@@ -825,7 +825,7 @@ progress {
   --cui-breakpoint-lg: 992px;
   --cui-breakpoint-xl: 1200px;
   --cui-breakpoint-xxl: 1400px;
-  --cui-mobile-breakpoint: md;
+  --cui-mobile-breakpoint: lg;
 }
 
 .row {
@@ -7770,7 +7770,7 @@ textarea.form-control-lg {
     transition: none;
   }
 }
-.sidebar.sidebar-fixed, .sidebar.sidebar-narrow, .sidebar.sidebar-narrow-unfoldable {
+.sidebar.sidebar-fixed, .sidebar.sidebar-narrow, .sidebar.sidebar-narrow-unfoldable, .sidebar.sidebar-overlaid {
   z-index: var(--cui-sidebar-zindex);
 }
 .sidebar:not(.sidebar-end) {
@@ -7789,7 +7789,7 @@ textarea.form-control-lg {
 .sidebar.sidebar-sm {
   --cui-sidebar-width: 12rem;
 }
-@media (min-width: 768px) {
+@media (min-width: 992px) {
   .sidebar.sidebar-sm:not(.sidebar-end):not(.hide) ~ * {
     --cui-sidebar-occupy-start: 12rem;
   }
@@ -7800,7 +7800,7 @@ textarea.form-control-lg {
 .sidebar.sidebar-lg {
   --cui-sidebar-width: 20rem;
 }
-@media (min-width: 768px) {
+@media (min-width: 992px) {
   .sidebar.sidebar-lg:not(.sidebar-end):not(.hide) ~ * {
     --cui-sidebar-occupy-start: 20rem;
   }
@@ -7811,7 +7811,7 @@ textarea.form-control-lg {
 .sidebar.sidebar-xl {
   --cui-sidebar-width: 24rem;
 }
-@media (min-width: 768px) {
+@media (min-width: 992px) {
   .sidebar.sidebar-xl:not(.sidebar-end):not(.hide) ~ * {
     --cui-sidebar-occupy-start: 24rem;
   }
@@ -7819,7 +7819,7 @@ textarea.form-control-lg {
     --cui-sidebar-occupy-end: 24rem;
   }
 }
-@media (min-width: 768px) {
+@media (min-width: 992px) {
   .sidebar.hide:not(.sidebar-end) {
     margin-left: calc(-1 * var(--cui-sidebar-width));
   }
@@ -7833,7 +7833,7 @@ textarea.form-control-lg {
     --cui-sidebar-occupy-end: 0;
   }
 }
-@media (min-width: 768px) {
+@media (min-width: 992px) {
   .sidebar.sidebar-fixed {
     position: fixed;
     top: 0;
@@ -7846,7 +7846,7 @@ textarea.form-control-lg {
     right: 0;
   }
 }
-@media (min-width: 768px) {
+@media (min-width: 992px) {
   .sidebar.sidebar-sticky {
     position: -webkit-sticky;
     position: sticky;
@@ -7855,26 +7855,35 @@ textarea.form-control-lg {
   }
 }
 .sidebar.sidebar-overlaid {
+  --cui-sidebar-overlaid-box-shadow: var(--cui-box-shadow);
   position: fixed;
   top: 0;
   bottom: 0;
 }
-.sidebar.sidebar-overlaid:not(.hide) {
-  box-shadow: 0 0.5rem 1rem rgba(8, 10, 12, 0.15);
-}
 .sidebar.sidebar-overlaid:not(.sidebar-end) {
   left: 0;
+  margin-left: calc(-1 * var(--cui-sidebar-width));
 }
 .sidebar.sidebar-overlaid:not(.sidebar-end) ~ * {
   --cui-sidebar-occupy-start: 0 !important;
 }
 .sidebar.sidebar-overlaid.sidebar-end {
   right: 0;
+  margin-right: calc(-1 * var(--cui-sidebar-width));
 }
 .sidebar.sidebar-overlaid.sidebar-end ~ * {
   --cui-sidebar-occupy-end: 0 !important;
 }
-@media (max-width: 767.98px) {
+.sidebar.sidebar-overlaid.show {
+  box-shadow: var(--cui-sidebar-overlaid-box-shadow);
+}
+.sidebar.sidebar-overlaid.show:not(.sidebar-end) {
+  margin-left: 0;
+}
+.sidebar.sidebar-overlaid.show.sidebar-end {
+  margin-right: 0;
+}
+@media (max-width: 991.98px) {
   .sidebar {
     --cui-is-mobile: true;
     position: fixed;
@@ -7983,7 +7992,7 @@ textarea.form-control-lg {
 .sidebar-toggler:focus::before {
   background-color: var(--cui-sidebar-toggler-focus-color);
 }
-@media (max-width: 767.98px) {
+@media (max-width: 991.98px) {
   .sidebar-toggler {
     display: none;
   }
@@ -7994,7 +8003,7 @@ textarea.form-control-lg {
   --cui-backdrop-bg: #080a0c;
   --cui-backdrop-opacity: 0.5;
 }
-@media (max-width: 767.98px) {
+@media (max-width: 991.98px) {
   .sidebar-backdrop {
     position: fixed;
     top: 0;
@@ -8277,17 +8286,17 @@ textarea.form-control-lg {
 }
 .sidebar-nav.compact .nav-link,
 .sidebar-nav .compact .nav-link {
-  --cui-sidebar-nav-link-padding-y: 0.75rem;
+  --cui-sidebar-nav-link-padding-y: 0.5625rem;
 }
 
 .sidebar-narrow-unfoldable:not(:hover), .sidebar-narrow {
   --cui-sidebar-narrow-width: 4rem;
 }
 .sidebar-narrow-unfoldable:not(:hover) .sidebar-nav, .sidebar-narrow .sidebar-nav {
-  --cui-sidebar-nav-link-padding-x: 0.5625rem;
+  --cui-sidebar-nav-link-padding-x: 0.5rem;
   --cui-sidebar-nav-link-padding-y: 0.75rem;
 }
-@media (min-width: 768px) {
+@media (min-width: 992px) {
   .sidebar-narrow-unfoldable:not(:hover), .sidebar-narrow {
     flex: 0 0 var(--cui-sidebar-narrow-width);
     width: var(--cui-sidebar-narrow-width);
@@ -8321,8 +8330,8 @@ textarea.form-control-lg {
   .sidebar-narrow-unfoldable:not(:hover) .sidebar-form,
   .sidebar-narrow .sidebar-form {
     height: 0 !important;
-    padding: 0;
-    margin: 0;
+    padding: 0 !important;
+    margin: 0 !important;
     visibility: hidden;
     opacity: 0;
   }