Merge pull request #78 from Siumauricio/feat/standalone-cli

Feat/standalone cli
Siumauricio · Mar 1, 2023 · 30f898a · 30f898a · vercel · Mar 1, 2023
2 parents 9eb7dd1 + 2019a8b
commit 30f898a
Show file tree

Hide file tree

Showing 15 changed files with 13,059 additions and 0 deletions.
diff --git a/standalone-cli/.gitignore b/standalone-cli/.gitignore
@@ -0,0 +1,2 @@
+node_modules
+/dist
diff --git a/standalone-cli/README.md b/standalone-cli/README.md
@@ -0,0 +1,25 @@
+# Tailwind Standalone CLI
+
+> Standalone version of [Tailwind CLI](https://tailwindcss.com/docs/installation#using-tailwind-cli)
+
+## Installation
+
+Download the appropriate platform-specific version of the `tailwindcss` with `rippleui` cli from the [latest release](https://github.com/Siumauricio/rippleui/releases).
+
+## Usage
+
+```bash
+# Let's say you have a want to use the executable for new MacOS architecture, with the following command we can rename the executable to tailwindcss
+mv tailwindcss-macos-arm64 tailwindcss
+
+# Then you can use the executable as you would use the Tailwind CLI
+
+# Create new Tailwind config file
+./tailwindcss init
+```
+
+## Example
+
+You can see a example of how to use the `tailwindcss` cli with `rippleui` in the `example` folder.
+
+Check out the [Tailwind CLI documentation](https://tailwindcss.com/docs/installation#using-tailwind-cli) for details on the available options.
diff --git a/standalone-cli/example/index.html b/standalone-cli/example/index.html
@@ -0,0 +1,22 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>Document</title>
+    <link href="output.css" rel="stylesheet" />
+  </head>
+  <body>
+    <button class="bg-blue-800">Hola Mundo</button>
+    <button class="btn btn-primary">Hola Mundo</button>
+    <input type="email" class="form-input px-4 py-3 rounded-full" />
+
+    <select class="form-select px-4 py-3 rounded-full">
+      <!-- ... -->
+    </select>
+    <div class="@container @md:bg-teal-600">2 222222</div>
+
+    <input type="checkbox" class="form-checkbox rounded text-pink-500" />
+  </body>
+</html>
diff --git a/standalone-cli/example/input.css b/standalone-cli/example/input.css
@@ -0,0 +1,3 @@
+@tailwind base;
+@tailwind components;
+@tailwind utilities;