Skip to content
New issue

Have a question about this project? # for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “#”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? # to your account

plugin-tailwindcss: tailwind v4 #2829

Open
wants to merge 3 commits into
base: main
Choose a base branch
from
Open
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
183 changes: 170 additions & 13 deletions deno.lock

Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.

19 changes: 8 additions & 11 deletions plugin-tailwindcss/README.md
Original file line number Diff line number Diff line change
Expand Up @@ -2,26 +2,23 @@

A Tailwind CSS plugin to use in Fresh.

> **Note:** This plugin **only** supports Tailwind CSS v4

```ts
// dev.ts

import { tailwind } from "@fresh/plugin-tailwind";
import { FreshDevApp } from "fresh/dev";
import { Builder } from "fresh/dev";
import { app } from "./main.ts";
import { tailwind } from "@fresh/plugin-tailwind";

const devApp = new FreshDevApp();

const builder = new Builder({ target: "safari12" });
// Enable Tailwind CSS
tailwind(devApp);

devApp.mountApp("/", app);
tailwind(builder, app);

if (Deno.args.includes("build")) {
await devApp.build({
target: "safari12",
});
await builder.build(app);
} else {
await devApp.listen();
await builder.listen(app);
}
```

Expand Down
11 changes: 4 additions & 7 deletions plugin-tailwindcss/deno.json
Original file line number Diff line number Diff line change
@@ -1,16 +1,13 @@
{
"name": "@fresh/plugin-tailwind",
"version": "0.0.1-alpha.7",
"version": "0.0.1-alpha.8",
"license": "MIT",
"exports": {
".": "./src/mod.ts"
},
"imports": {
"fresh": "jsr:@fresh/core@^2.0.0-alpha.22",
"@std/path": "jsr:@std/path@1",
"autoprefixer": "npm:autoprefixer@10.4.17",
"cssnano": "npm:cssnano@6.0.3",
"postcss": "npm:postcss@8.4.35",
"tailwindcss": "npm:tailwindcss@^3.4.1"
"@tailwindcss/postcss": "npm:@tailwindcss/postcss@^4.0.8",
"fresh": "jsr:@fresh/core@^2.0.0-alpha.29",
"postcss": "npm:postcss@8.4.35"
}
}
Loading
Loading