Tailwind for Astro

npx astro add tailwind

tailwind.config.mjs

/** @type {import('tailwindcss').Config} */
export default {
content: ['./src/**/*.{astro,html,js,jsx,md,mdx,svelte,ts,tsx,vue}'],
}

global.css

@import "tailwindcss";

layout.astro

---
import '../../src/styles/global.css';
---
Was this page helpful?