Importer all preflight styles i eget layer (#2557)

For å forhindre issues med spesifisitet, spesielt for globale styles fra tailwind & reset.
navikt · Feb 4, 2025 · 27fb01a · 27fb01a
1 parent eecf284
commit 27fb01a
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 1 deletion.
diff --git a/index.html b/index.html
@@ -13,6 +13,10 @@
 
     <link rel="preload" href="https://cdn.nav.no/aksel/fonts/SourceSans3-normal.woff2" as="font" type="font/woff2" crossorigin/>
 
+    <style>
+        @layer po-base;
+    </style>
+
     <slot not-environment="prod">
         <script src="%VITE_HODE_URL_V2%/dev/react19/dist/bundle.js"></script>
         <link rel="stylesheet" href="%VITE_HODE_URL_V2%/dev/react19/dist/index.css" />

diff --git a/src/index.css b/src/index.css
@@ -1,5 +1,5 @@
 @import "reset" layer(po-base);
-@import "tailwindcss/base";
+@import "tailwindcss/base" layer(po-base);
 @import "@navikt/ds-css";
 @import "tailwindcss/components";
 @import "tailwindcss/utilities";