expose blobal styles using custom properties

mucsi96 · May 2, 2024 · fc01c79 · fc01c79
1 parent f201243
commit fc01c79
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 3 deletions.
diff --git a/src/Docs.mdx b/src/Docs.mdx
@@ -24,6 +24,14 @@ npm install @mucsi96/ui-elements
 import '@mucsi96/ui-elements';
 ```
 
+```css
+body {
+  background-color: var(--bt-background-color);
+  color: var(--bt-text-color);
+  font-family: var(--bt-font-family);
+}
+```
+
 # Badge
 
 <Canvas of={BadgeStories.Normal} />

diff --git a/src/Main/Main.ts b/src/Main/Main.ts
@@ -16,9 +16,6 @@ export type BTMainProps = {};
 
     :host {
       display: block;
-      background-color: var(--bt-background-color);
-      color: var(--bt-text-color);
-      font-family: var(--bt-font-family);
       padding: 1px 1rem;
       max-width: 90rem;
       margin: 0 auto;