Merge pull request #625 from quantified-uncertainty/website-tailwind

Add tailwindcss to website

packages/website/docusaurus.config.js

@@ -20,6 +20,7 @@ const config = {
   projectName: "squiggle", // Usually your repo name.
 
   plugins: [
+    "docusaurus-tailwindcss",
     () => ({
       configureWebpack(config, isServer, utils, content) {
         return {

packages/website/package.json

@@ -16,12 +16,13 @@
     "@docusaurus/preset-classic": "2.0.0-beta.21",
     "@quri/squiggle-components": "^0.2.20",
     "clsx": "^1.1.1",
+    "docusaurus-tailwindcss": "^0.1.0",
+    "hast-util-is-element": "2.1.2",
     "prism-react-renderer": "^1.3.3",
     "react": "^18.1.0",
     "react-dom": "^18.1.0",
-    "remark-math": "^3",
     "rehype-katex": "^5",
-    "hast-util-is-element": "2.1.2"
+    "remark-math": "^3"
   },
   "browserslist": {
     "production": [

packages/website/src/css/custom.css

@@ -4,6 +4,10 @@
  * work well for content-centric websites.
  */
 
+@tailwind base;
+@tailwind components;
+@tailwind utilities;
+
 /* You can override the default Infima variables here. */
 :root {
   --ifm-color-primary: #2488df;