Working example

2 weeks ago · b89a8d6b49
parent 0b1e6f33cf
commit b89a8d6b49
5 changed files with 20 additions and 7 deletions
--- a/8
+++ b/8
@ -1,6 +1,12 @@

-prepare:
+prepare: clean
 	cp -R ./template/* ./playground

 clean:
 	cd ./playground && find . ! -name '.gitkeep' -delete
+
+watch:
+	tailwindcss -i ./playground/src/css/input.css -o ./playground/src/css/main.css --watch
+
+live:
+	live-server ./playground/src/
--- a/template/src/css/input.css
+++ b/template/src/css/input.css
@ -1,3 +1,5 @@
+@import "tailwindcss";
+
@theme {
  --font-sans: InterVariable, sans-serif;
 }
--- a/template/src/css/main.css
+++ b/template/src/css/main.css
@ -1,3 +0,0 @@
-@theme {
-  --font-sans: InterVariable, sans-serif;
-}
--- a/template/src/index.html
+++ b/template/src/index.html
@ -3,13 +3,12 @@
  <head>
    <meta charset="utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
-    <title>Stacked Tailwind Details Screen Example</title>
+    <title>Tailwind AI</title>
    <meta name="viewport" content="width=device-width, initial-scale=1" />
    <link rel="stylesheet" href="https://rsms.me/inter/inter.css" />
    <link rel="stylesheet" type="text/css" media="screen" href="css/main.css" />
-    <script src="https://cdn.jsdelivr.net/npm/@tailwindcss/browser@4"></script>
    <script
-      src="https://cdn.jsdelivr.net/npm/@tailwindplus/elements@1"
+      src="vendor/js/tailwindcss-elements.1.0.0.js"
      type="module"
    ></script>
  </head>
--- a/template/src/vendor/js/tailwindcss-elements.1.0.0.js
+++ b/template/src/vendor/js/tailwindcss-elements.1.0.0.js