feat: redesign breadcrumbs & usage block (#546)

Author: crowlKats

.github/workflows/ci.yml

@@ -51,10 +51,10 @@ jobs:
           cargo clippy --all-targets --locked -- -D clippy::all
           deno lint --ignore=src/html,benches/fixtures,target/
 
-      # - name: Tailwind Check
-      #   run: |
-      #     deno task tailwind
-      #     git diff --exit-code
+      - name: Tailwind Check
+        run: |
+          deno task tailwind
+          git diff --exit-code
 
       - name: Build
         run: deno task build && cargo build --locked --all-targets

build_css.ts

@@ -1,11 +1,11 @@
-import $ from "jsr:@david/dax@0.40";
-import browserslist from "npm:browserslist@4.22.2";
+import $ from "jsr:@david/dax@0.40.1";
+import browserslist from "npm:browserslist@4.23.0";
 import { browserslistToTargets, transform } from "npm:lightningcss";
 
 const browsers = browserslist(">= 0.5%, not dead");
 
 const styles =
-  await $`deno run -A npm:tailwindcss@3.4.1 --input src/html/templates/styles.css`
+  await $`deno run -A npm:tailwindcss@3.4.3 --input src/html/templates/styles.css`
     .text();
 const stylesWrapped = ".ddoc {" + styles + "}";
 const stylesFinal = transform({
@@ -18,7 +18,7 @@ const stylesFinal = transform({
 await Deno.writeFile("src/html/templates/styles.gen.css", stylesFinal.code);
 
 const page =
-  await $`deno run -A npm:tailwindcss@3.4.1 --input src/html/templates/pages/page.css`
+  await $`deno run -A npm:tailwindcss@3.4.3 --config=./src/html/templates/pages/tailwind.config.ts --input src/html/templates/pages/page.css`
     .bytes();
 const pageFinal = transform({
   filename: "./page.css",

deno.json

@@ -1,5 +1,4 @@
 {
-  "lock": false,
   "tasks": {
     "build": "cp LICENSE js/LICENSE && deno run -A jsr:@deno/wasmbuild@0.17.1 --project deno_doc_wasm --out js",
     "test": "deno test --allow-read --allow-net",