feat: enable tailwind with storybook

jaaydenh · jaaydenh · commit 68b3fb5eceed · 2024-11-07T02:35:43.000Z
diff --git a/site/.storybook/preview.jsx b/site/.storybook/preview.jsx
@@ -16,6 +16,7 @@
  * Storybook decorator function used to inject baseline data dependencies into
  * our React components during testing.
  */
+import "../src/index.css";
 import { ThemeProvider as EmotionThemeProvider } from "@emotion/react";
 import CssBaseline from "@mui/material/CssBaseline";
 import {
diff --git a/site/tailwind.config.js b/site/tailwind.config.js
@@ -5,7 +5,7 @@ module.exports = {
 	},
 	darkMode: ["selector"],
 	content: ["./index.html", "./src/**/*.{js,ts,jsx,tsx}"],
-	important: "#root",
+	important: ["#root", "#storybook-root"],
 	theme: {
 		fontSize: {
 			"2xs": ["0.626rem", "0.875rem"],
