الأوامر بالترتيب
npm install -D tailwindcss postcss autoprefixer
npx tailwindcss init -p
ملف tailwind.config.js
/** @type {import('tailwindcss').Config} */
export default {
content: ['./src/**/*.{html,js,svelte,ts}'],
theme: {
extend: {}
},
plugins: []
};
ملف src/app.css
@tailwind base;
@tailwind components;
@tailwind utilities;
ملف src/routes/+layout.svelte
<script> import "../app.css";</script>
<slot />
موقع TailwindCSS انصحكم تاخذوا نظرة على الصفحة الرئيسية