feat: support Tailwind CSS

nvh95 · May 28, 2022 · 483b684 · 483b684
1 parent 3e23b9c
commit 483b684
Show file tree

Hide file tree

Showing 7 changed files with 702 additions and 6 deletions.
diff --git a/config/jest/setupTests.js b/config/jest/setupTests.js
@@ -1,3 +1,4 @@
+import '../../demo/global.css';
 import '@testing-library/jest-dom/extend-expect';
 import { jestPreviewConfigure } from '../../dist/index';
 

diff --git a/demo/App.tsx b/demo/App.tsx
@@ -28,6 +28,7 @@ function App() {
           This text is styled by global configured SASS
         </p>
         <p className="imported-sass">This text is styled by imported SASS</p>
+        <p className={"text-red-500"}>This text is styled by Tailwind CSS</p>
         <button
           css={css`
             padding: 32px;

diff --git a/demo/global.css b/demo/global.css
@@ -1,3 +1,8 @@
+@tailwind base;
+@tailwind components;
+@tailwind utilities;
+
+/* TODO: Redundant. Tailwind css inserts own reset css. */
 body {
   margin: 0;
   font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen',