Docusaurus add tailwind

packages/cursorless-org-docs/docusaurus.config.mts

@@ -146,6 +146,7 @@ const config: Config = {
       },
     ],
   ],
+  plugins: ["./src/plugins/tailwind-plugin.js"],
 
   themeConfig: {
     navbar: {

packages/cursorless-org-docs/package.json

@@ -58,9 +58,12 @@
   "devDependencies": {
     "@docusaurus/module-type-aliases": "3.8.0",
     "@docusaurus/types": "3.8.0",
+    "@tailwindcss/postcss": "4.1.8",
     "@tsconfig/docusaurus": "2.0.3",
     "@types/mdast": "4.0.4",
     "@types/react": "19.1.6",
+    "postcss": "8.5.4",
+    "tailwindcss": "3.4.14",
     "typescript": "5.8.3",
     "unified": "11.0.5"
   }

packages/cursorless-org-docs/postcss.config.cjs

@@ -0,0 +1,6 @@
+module.exports = {
+  plugins: {
+    tailwindcss: {},
+    autoprefixer: {},
+  },
+};

packages/cursorless-org-docs/src/css/custom.css

@@ -1,3 +1,7 @@
+@tailwind components;
+@tailwind base;
+@tailwind utilities;
+
 /* From https://github.com/facebook/docusaurus/blob/cc0bceab9c1678303f6237f5526753edc1b12fc3/website/src/css/custom.css#L70-L86 */
 .header-github-link:hover {
   opacity: 0.6;

packages/cursorless-org-docs/src/plugins/tailwind-plugin.js

@@ -0,0 +1,9 @@
+module.exports = function tailwindPlugin(context, options) {
+  return {
+    name: "tailwind-plugin",
+    configurePostCss(postcssOptions) {
+      postcssOptions.plugins.push(require("tailwindcss"));
+      return postcssOptions;
+    },
+  };
+};

packages/cursorless-org-docs/tailwind.config.js

@@ -0,0 +1,8 @@
+import { fontFamily as _fontFamily } from "tailwindcss/defaultTheme";
+
+/** @type {import('tailwindcss').Config} */
+export const content = ["./src/**/*.{js,ts,jsx,tsx}"];
+export const corePlugins = {
+  preflight: false,
+};
+export const plugins = [];