الرجوع
تسجيل الدخول
أنت تتصفح نسخة مؤرشفة من الموقع اضغط للانتقال إلى الموقع الجديد بكامل المزايا

الأوامر بالترتيب

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 انصحكم تاخذوا نظرة على الصفحة الرئيسية