اولین به روز رسانی ویژگی جدید از زمان Tailwind CSS نسخه 2.0 اینجاست و با هزاران چیز عالی بارگذاری شده است! ما موتور JIT جدید را با هسته ادغام کرده ایم، پشتیبانی ممتاز را برای فیلترهای CSS قابل ترکیب، ابزارهای ترکیبی حالت اضافه کرده ایم، و تعداد زیادی دیگر.
در اینجا برخی از نکات برجسته آمده است:
برای جزئیات کامل، به یادداشت های انتشار در GitHub مراجعه کنید.
موتور جدید JIT که در ماه مارس معرفی کردیم اکنون در هسته ادغام شده است و به عنوان یک ویژگی شامل با استفاده از یک ویژگی جدید در دسترس است. mode گزینه در شما tailwind.config.js فایل:
module.exports = { mode: "jit", purge: [ // ... ], // ...};این ویژگی هنوز در پیش نمایش است این بدان معناست که برخی از جزئیات ممکن است با هموار کردن پیچیدگی‌ها تغییر کنند و مشمول نسخه‌سازی معنایی نمی‌شوند.
اگر استفاده کرده اید @tailwindcss/jit قبل از این، اکنون می‌توانید به جای آن به Tailwind CSS نسخه 2.1 مهاجرت کنید، زیرا در اینجاست که تمام توسعه موتورهای جدید اتفاق می‌افتد.
برای کسب اطلاعات بیشتر، مستندات حالت Just-in-Time را بخوانید.
این بسیار بزرگ است – ما در نهایت پشتیبانی درجه یک برای فیلترهای CSS اضافه کردیم!
آنها بسیار شبیه ما کار می کنند transform ابزارهایی که در آن استفاده می کنید filter برای فعال کردن فیلترها و ترکیب آن با ابزارهایی مانند grayscale، blur-lg، یا saturate-200 برای نوشتن فیلترها در حال پرواز.
div class="blur-md grayscale invert filter ..."> div>… و در اینجا چیست backdrop-filter به نظر می رسد این است:
div class="backdrop-blur backdrop-brightness-50 backdrop-filter ..."> div>برای کسب اطلاعات بیشتر به فیلتر و فیلتر پس زمینه مراجعه کنید. به زودی مجموعه ای از نمونه های بصری مفید را اضافه خواهیم کرد!
ما ابزارهای کاملاً جدیدی را برای آن اضافه کرده ایم mix-blend-mode و background-blend-mode:
div class="mix-blend-multiply ..."> div>برای کسب اطلاعات بیشتر، مستندات را بررسی کنید.
موارد جدید اضافه کردیم isolate و isolation-auto ابزارهای کاربردی برای کار با isolation دارایی:
div class="isolate ..."> div>این می تواند برای تعیین محدوده عملکردهای حالت ترکیبی یا تنظیمات شاخص z بسیار مفید باشد و فوق العاده قدرتمند است.
برای کسب اطلاعات بیشتر، مستندات را بررسی کنید.
من همچنین این مقاله عالی توسط جاش کومئو را به شدت توصیه می کنم تا آن را در عمل ببینید.
Tailwind CSS v2.1 یک ارتقاء تدریجی و بدون تغییر است، بنابراین برای ارتقا فقط باید اجرا کنید:
npm install tailwindcss@latestاگر قبلا استفاده کرده اید @tailwindcss/jit، اکنون می توانید به آن برگردید tailwindcss و پیکربندی PostCSS خود را بر این اساس به روز کنید.
برای ارتقا آماده هستید؟ آن را از npm دریافت کنید →
تازی миграция بلوک، че съдържанието се придържа към новия فرمت v4، که شامل اجزای تشکیل دهنده و کدورت می شود، برای نمونه ها، استخراج و کدوها.
