Tweaks tailwind to use jit mode and misc content tweaks

.github/workflows/ci.yaml

@@ -41,9 +41,7 @@ jobs:
         GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
       run: |
         cd docs
-        npm i
         dotnet run --configuration Release
-        npm run build
 
     - name: Archive doc generation
       uses: actions/upload-artifact@v2

.github/workflows/docs.yaml

@@ -44,7 +44,5 @@ jobs:
         GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
       run: |
         cd docs
-        npm i
         dotnet run --configuration Release
-        npm run build
         dotnet run -- deploy

docs/Program.cs

@@ -26,7 +26,10 @@ namespace Docs
                 {
                     LogErrors = false
                 })
-                .AddProcess(ProcessTiming.AfterExecution, "npm", "run", "build:tailwind")
+                .AddProcess(ProcessTiming.AfterExecution, _ => new ProcessLauncher("npm", "run build:tailwind")
+                {
+                    LogErrors = false
+                })
                 .RunAsync();
 
         private static Config<string> ConfigureEditLink()

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/tailwind.config.js

@@ -3,12 +3,13 @@ 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: ["Cascadia Code", ...defaultTheme.fontFamily.mono],
+                mono: ["Cascadia Mono", "Cascadia Code", "Menlo", "Consolas", "Liberation Mono", "Lucida Console", "WebCascadiaMonoPL", "monospace"],
             },
             container: {
                 center: true,

docs/input/tailwind.css

@@ -276,9 +276,12 @@ code.language-markup .token.script .token.keyword {
   .asciinema-terminal.font-small {
     font-size: 12px;
   }
-  .asciinema-terminal.font-medium {
+  @media only screen and (min-width: 1080px) {
-    font-size: 18px;
+    .asciinema-terminal.font-small {
+      font-size: 15px;
     }
+  }
+
   .asciinema-terminal.font-big {
     font-size: 24px;
   }
@@ -1917,10 +1920,10 @@ code.language-markup .token.script .token.keyword {
     background-color: #d9d9d9;
   }
   .asciinema-theme-asciinema .fg-8 {
-    color: #4d4d4d;
+    color: #808080;
   }
   .asciinema-theme-asciinema .bg-8 {
-    background-color: #4d4d4d;
+    background-color: #808080;
   }
   .asciinema-theme-asciinema .fg-9 {
     color: #dd3c69;

docs/package.json

@@ -4,8 +4,8 @@
   "description": "Docs for Spectre.Console",
   "main": "index.js",
   "scripts": {
-    "build:tailwind": "tailwindcss build ./tailwind.css -o ./output/assets/styles.css",
+    "build:tailwind": "tailwind build ./input/tailwind.css  -c ./input/tailwind.config.js  -o ./output/assets/styles.css",
-    "build": "cross-env NODE_ENV=production tailwind build tailwind.css -o ./output/assets/styles.css"
+    "build": "cross-env NODE_ENV=production dotnet run -- -o public"
   },
   "repository": {
     "url": "https://github.com/spectreconsole/spectre.console"