shadcn/typeset؛ کل تایپوگرافی سایتت تو یه فایل CSS
فرانتاند
ریاکتخلاصهٔ کاملتر
تو آپدیت جولای ۲۰۲۶، تیم shadcn از shadcn/typeset رونمایی کرده؛ چیزی که خودشون یه سیستم استایلدهی برای HTML و مارکداون رندرشده توصیفش میکنن، جمعشده تو یه فایل CSS.
مسئلهای که میگن حلش میکنه آشناست: اپ تو همهجا همون عناصر HTML رو رندر میکنه — هدینگ، پاراگراف، لیست، جدول، کد — ولی معمولاً یه بار برای بلاگ استایل میشن، یه بار برای داکیومنتها و حالا یه بار هم برای چت. typeset میگه یه بار استایل بده و بعد فقط ریتمش رو برای هر بافت تنظیم کن.
کارکردش سادهست: یه کلاس اضافه میکنی و هرچی داخل اون بلاکه استایل میگیره. اندازه رو از کانتینر خودش میگیره، از تم پروژهت استفاده میکنه و سه تا کنترل بهت میده — size، leading و flow. محدودیتی هم برای تعداد typeset نداری؛ میتونی برای چت یه ریتم فشردهتر بسازی و برای داکیومنتها یه ریتم بازتر.
یه نکته که مخصوص رابطهای امروزیه: typeset برای استریم طراحی شده، یعنی وقتی محتوا تکهتکه میاد، بلاکهای جدید باعث نمیشن بلاکهای قبلی دوباره استایل بخورن و صفحه بپره.
به گفتهٔ تیم، فایل تو پروژهٔ خودت زندگی میکنه: نه پکیجی هست نه لایهٔ کانفیگی که مجبور بشی دورش بزنی؛ یعنی مالکیت کامل کد استایل با خودته — همون فلسفهٔ همیشگی shadcn. برای ساختنش هم یه سازندهٔ آنلاین (typeset builder) گذاشتن و مستندات کامل هم منتشر شده.
نکات کلیدی:
- یه فایل CSS برای استایلدهی به HTML و مارکداون رندرشده، بدون پکیج و بدون لایهٔ کانفیگ
- با یه کلاس، همهٔ عناصر داخل بلاک استایل میگیرن
- سه اهرم تنظیم: size، leading و flow؛ اندازه بر اساس کانتینر و بر پایهٔ تم خودت
- میتونی چند typeset بسازی: فشرده برای چت، بازتر برای داکیومنت
- برای استریم طراحی شده تا بلاکهای جدید، بلاکهای قبلی رو دوباره استایل نکنن
