جلسه ششم- سفارشی سازی هسته فریم ورک بخش چهارم - plugins

📌 معرفی Typography Plugin
• پلاگین رسمی Tailwind برای استایل‌دهی محتوای متنی
• مناسب متن‌های طولانی مثل:

📦 نصب پلاگین

• نصب با npm:
npm install -D @tailwindcss/typography

• اضافه کردن به config:
plugins: [
require('@tailwindcss/typography')
]

🧱 کلاس اصلی prose

• اعمال استایل پیش‌فرض روی:

h1 تا h6
p
ul / ol
a
blockquote
code
• فقط روی تگ‌های داخل خودش اثر دارد
• مناسب زمانی که نمی‌خواهیم دستی به تک‌تک تگ‌ها کلاس بدهیم

🎨 سایزهای آماده prose

• prose-sm → متن کوچک
• prose → حالت پیش‌فرض
• prose-lg
• prose-xl
• prose-2xl

🌙 پشتیبانی از Dark Mode

• کلاس آماده:
prose-invert

• استفاده در دارک مود:
dark:prose-invert

🚫 کلاس مهم not-prose

• برای خارج کردن بخشی از محتوا از استایل typography
• هر چیزی داخل not-prose باشد:

🛠 سفارشی‌سازی Typography

• از طریق theme.extend.typography
• امکان تغییر:

🎯 کلاس‌های Utility مخصوص Typography

• prose-h1:text-red-500
• prose-p:leading-loose
• prose-a:underline
• prose-code:bg-gray-100

📌 این کلاس‌ها:
• فقط روی تگ مشخص داخل prose اعمال می‌شوند
• بدون دستکاری CSS مستقیم