Add css into docusaurus

packages/components/package.json

@@ -57,7 +57,7 @@
   },
   "scripts": {
     "start": "cross-env REACT_APP_FAST_REFRESH=false && start-storybook -p 6006 -s public",
-    "build": "tsc -b && build-storybook -s public",
+    "build": "tsc -b && tailwindcss -i ./src/tailwind.css -o ./dist/main.css && build-storybook -s public",
     "bundle": "webpack",
     "all": "yarn bundle && yarn build",
     "lint": "prettier --check .",
@@ -96,6 +96,6 @@
     "@types/react": "17.0.43"
   },
   "source": "./src/index.ts",
-  "main": "./dist/bundle.js",
+  "main": "./dist/src/index.js",
   "types": "./dist/src/index.d.ts"
 }

packages/components/postcss.config.js

@@ -3,5 +3,5 @@ module.exports = {
     tailwindcss: {},
     autoprefixer: {},
     cssnano: {},
-  }
-}
+  },
+};

packages/website/docusaurus.config.js

@@ -19,8 +19,7 @@ const config = {
   organizationName: "quantified-uncertainty", // Usually your GitHub org/user name.
   projectName: "squiggle", // Usually your repo name.
 
-  plugins: [
-  ],
+  plugins: [],
 
   presets: [
     [
@@ -42,7 +41,10 @@ const config = {
             "https://github.com/quantified-uncertainty/squiggle/tree/develop/packages/website/",
         },
         theme: {
-          customCss: require.resolve("./src/css/custom.css"),
+          customCss: [
+            require.resolve("./src/css/custom.css"),
+            require.resolve("@quri/squiggle-components/dist/main.css"),
+          ],
         },
       }),
     ],

packages/website/src/css/custom.css

@@ -1,4 +1,3 @@
-@import("@quri/squiggle-components/dist/main.css")
 /**
  * Any CSS included here will be global. The classic template
  * bundles Infima by default. Infima is a CSS framework designed to

packages/website/tailwind.config.js

@@ -0,0 +1,7 @@
+module.exports = {
+  content: ["./src/**/*.{html,tsx,ts,js,jsx}"],
+  theme: {
+    extend: {},
+  },
+  plugins: [require("@tailwindcss/forms")],
+};

packages/website/webpack.config.js

@@ -1 +1 @@
-module .exports = {}
+module.exports = {};