Using Statiq processes for tailwind commands

Tweaks tailwind to use jit mode and misc content tweaks


Changes point in which tailwind is built

docs/input/index.md

@@ -25,9 +25,6 @@ for Python written by Will McGugan.
 
 ## Examples
 
-<?# AsciiCast cast="all-samples" /?>
-
-
 ![Sample of Spectre.Console output](./assets/images/example.png)
 
 <video autoplay muted loop class="mt-4">

docs/input/postcss.config.js

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

docs/input/tailwind.config.js

@@ -0,0 +1,64 @@
+const defaultTheme = require("tailwindcss/defaultTheme");
+const colors = require("tailwindcss/colors");
+
+module.exports = {
+    purge: ["./output/**/*.html"],
+    mode: 'jit',
+    darkMode: false, // or 'media' or 'class'
+    theme: {
+        extend: {
+            fontFamily: {
+                sans: ["Poppins", ...defaultTheme.fontFamily.sans],
+                mono: ["ui-monospace", "Cascadia Mono", "Cascadia Code", "Menlo", "Consolas", "Liberation Mono", "Lucida Console", "WebCascadiaMonoPL", "monospace"],
+            },
+            container: {
+                center: true,
+                padding: {
+                    DEFAULT: "2rem",
+                    sm: "2rem",
+                    lg: "4rem",
+                    xl: "5rem",
+                    "2xl": "6rem",
+                },
+            },
+            typography: (theme) => ({
+                DEFAULT: {
+                    css: {
+                        color: defaultTheme.colors.gray[900],
+                        a: {
+                            color: defaultTheme.colors.blue[700],
+                            fontWeight: defaultTheme.fontWeight.normal,
+                            "&:hover": {
+                                color: defaultTheme.colors.blue[600],
+                            },
+                        },
+                        "pre code": {
+                            fontWeight: defaultTheme.fontWeight.light,
+                        },
+                        code: {
+                            color: defaultTheme.colors.blue[900],
+                            fontWeight: defaultTheme.fontWeight.normal,
+                        },
+                        "code::before": {
+                            content: " ",
+                        },
+                        "code::after": {
+                            content: " ",
+                        },
+                        h2: {
+                            marginTop: "1em",
+                            marginBottom: ".5em"
+                        }
+                    },
+                },
+            }),
+        },
+    },
+    variants: {
+        extend: {},
+    },
+    plugins: [
+        require('@tailwindcss/forms'),
+        require("@tailwindcss/typography")
+    ],
+};