Tailwind next

bep · Jun 21, 2024 · a1d6b52 · a1d6b52
1 parent de7c47e
commit a1d6b52
Show file tree

Hide file tree

Showing 8 changed files with 2,215 additions and 2,876 deletions.
diff --git a/assets/css/styles.css b/assets/css/styles.css
@@ -1,8 +1,6 @@
-@tailwind base;
-@tailwind components;
-@tailwind utilities;
+@import "tailwindcss";
 
-@import "components/all.css";
+/*@import "components/all.css"; TODO1 */
 
 html {
   font-size: 14px;

diff --git a/hugo_stats.json b/hugo_stats.json
@@ -15,7 +15,6 @@
       "head",
       "html",
       "li",
-      "link",
       "meta",
       "ol",
       "p",
@@ -27,15 +26,26 @@
     ],
     "classes": [
       "bg-[green]",
+      "bg-[pink]",
       "container",
       "highlight",
       "lg:mx-auto",
       "lg:prose-xl",
+      "max-w-2xl",
+      "max-w-3xl",
+      "max-w-md",
+      "max-w-screen-md",
+      "max-w-screen-sm",
+      "max-w-xl",
+      "mx-10",
+      "mx-20",
+      "mx-auto",
       "my-10",
       "p-4",
       "prose",
       "px-4",
-      "text-4xl"
+      "text-4xl",
+      "w-8/12"
     ],
     "ids": [
       "block-elements",
@@ -53,4 +63,4 @@
       "this-is-a-header"
     ]
   }
-}
+}
diff --git a/layouts/_default/baseof.html b/layouts/_default/baseof.html
@@ -6,17 +6,15 @@
       {{ .Title }}
     </title>
     <meta name="description" content="{{ .Description }}" />
-    {{ with (templates.Defer (dict "key" "styles" "data" "foo")) }}
-      {{ warnf "deferred: %s" . }}
-      {{ $options := dict "inlineImports" true }}
+    {{ with (templates.Defer (dict "key" "styles" )) }}
+      {{ $options := dict "inlineImports" false }}
       {{ $styles := resources.Get "css/styles.css" }}
       {{ $styles = $styles | resources.PostCSS $options }}
       {{ if hugo.IsProduction }}
         {{ $styles = $styles | minify | fingerprint }}
       {{ end }}
       <link href="{{ $styles.RelPermalink }}" rel="stylesheet" />
     {{ end }}
-
   </head>
   <body class="my-10">
     <div class="container px-4 lg:mx-auto">

diff --git a/layouts/index.html b/layouts/index.html
@@ -1,10 +1,10 @@
 {{ define "main" }}
-  <article class="prose lg:prose-xl">
-    <h1>Tailwind 3 Hugo Starter</h1>
+  <article class="prose lg:prose-xl mx-auto w-8/12">
+    <h1>Tailwind 4 Hugo Starter</h1>
 
-    <h2 class="text-4xl">Testing Tailwind 3 Features</h2>
+    <h2 class="text-4xl">Testing Tailwind 4 Features</h2>
     <div>
-      <button class="bg-[green] p-4">Share on Twitter</button>
+      <button class="bg-[pink] p-4">Share on Twitter!</button>
     </div>
 
     <h2 class="text-4xl">Markdowns: {{ .Title }}</h2>