Merge pull request #2999 from roots/feat-bud-config

bud.config.mjs

@@ -39,5 +39,38 @@ export default async (app) => {
     /**
      * URI of the `public` directory
      */
-    .setPublicPath("/app/themes/sage/public/");
+    .setPublicPath("/app/themes/sage/public/")
+
+    /**
+     * Generate WordPress `theme.json`
+     *
+     * @note This overwrites `theme.json` on every build.
+     */
+    .wpjson
+      .settings({
+        color: {
+          custom: false,
+          customGradient: false,
+          defaultPalette: false,
+          defaultGradients: false,
+        },
+        custom: {
+          spacing: {},
+          typography: {
+            'font-size': {},
+            'line-height': {},
+          },
+        },
+        spacing: {
+          padding: true,
+          units: ['px', '%', 'em', 'rem', 'vw', 'vh'],
+        },
+        typography: {
+          customFontSize: false,
+        },
+      })
+      .useTailwindColors()
+      .useTailwindFontFamily()
+      .useTailwindFontSize()
+      .enable()
 };

tailwind.config.cjs

@@ -1,8 +1,9 @@
+// https://tailwindcss.com/docs/configuration
 module.exports = {
   content: ["./index.php", "./app/**/*.php", "./resources/**/*.{php,vue,js}"],
   theme: {
     extend: {
-      colors: {},
+      colors: {}, // Extend Tailwind's default colors
     },
   },
   plugins: [],