initialize BauCss with a specific style element

grucloud · Nov 11, 2024 · 9326fa3 · 9326fa3
1 parent 6ce60a6
commit 9326fa3
Show file tree

Hide file tree

Showing 3 changed files with 3 additions and 1 deletion.
diff --git a/bau-ui/context.js b/bau-ui/context.js
@@ -5,7 +5,7 @@ import globalStyle from "./globalStyle";
 
 export function createContext(extra) {
   const bau = Bau();
-  const bauCss = BauCss();
+  const bauCss = BauCss({ target: window.document.getElementById("bau-css") });
   globalStyle(bauCss);
   return {
     bau,

diff --git a/bau-ui/examples/bau-ui-template-js/index.html b/bau-ui/examples/bau-ui-template-js/index.html
@@ -5,6 +5,7 @@
     <link rel="icon" type="image/svg+xml" href="/vite.svg" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <title>Bau App</title>
+    <style id="bau-css"></style>
   </head>
   <body>
     <div id="app"></div>

diff --git a/bau-ui/examples/bau-ui-template-ts/index.html b/bau-ui/examples/bau-ui-template-ts/index.html
@@ -5,6 +5,7 @@
     <link rel="icon" type="image/svg+xml" href="/vite.svg" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <title>BauUI + TS</title>
+    <style id="bau-css"></style>
   </head>
   <body>
     <div id="app"></div>