workaround for vite cascade layers import bug vitejs/vite#9368

argyleink · Jul 25, 2022 · 6d3c543 · 6d3c543
1 parent 9432602
commit 6d3c543
Show file tree

Hide file tree

Showing 4 changed files with 16 additions and 5 deletions.
diff --git a/carousel/carousel.css b/carousel/carousel.css
@@ -1,6 +1,3 @@
-@import "open-props/style";
-@import "open-props/normalize";
-
 /* 
 TODO: 
 - option for cyclical cycling

diff --git a/carousel/index.css b/carousel/index.css
@@ -1,5 +1,13 @@
-@import "carousel.css" layer(library);
-@import "custom-carousel-items.css" layer(custom);
+@layer base, library, carousel, carousel-custom;
+
+@import "op.min.css";
+@import "op.norm.min.css";
+/* bug in Vite with cascade layers.. */
+/* @import "open-props/style"; */
+/* @import "open-props/normalize"; */
+
+@import "carousel.css" layer(carousel);
+@import "custom-carousel-items.css" layer(carousel-custom);
 
 body {
   display: grid;

diff --git a/carousel/op.min.css b/carousel/op.min.css