Tailwind CSS

Run Tailwind's own CLI next to fugo and publish the stylesheet it writes as an asset.

fugo does not run Tailwind CSS. Run Tailwind’s CLI next to fugo (the standalone binary, or npx @tailwindcss/cli), and publish the stylesheet it writes like any other asset:

@import "tailwindcss";

tailwindcss -i assets/css/main.css -o assets/css/site.css --watch &
fugo server

Tailwind finds the classes in your layouts and content itself. It skips the files your .gitignore lists, such as public/; name other places with @source.

{%- set css = get_asset(path="css/site.css") | minify | fingerprint -%}
<link rel="stylesheet" href="{{ css.rel_permalink }}" integrity="{{ css.data.integrity }}">

When Tailwind rewrites assets/css/site.css, fugo server rebuilds and reloads the page. For a release, run Tailwind once before the build:

tailwindcss -i assets/css/main.css -o assets/css/site.css
fugo build --minify

minify adds the vendor prefixes your browserslist needs. Tailwind writes only the classes it found, so purge_css is optional.