۳۰ آذر ۱۴۰۳

Techboy

اخبار و اطلاعات روز تکنولوژی

Bootstrap 5.2.0 CSS، اجزای سفارشی را تقویت می کند

ارتقاء عمده به چارچوب وب محبوب، متغیرهای CSS را برای همه مؤلفه ها معرفی می کند و کمک کننده ها و ابزارهای کمکی را برای فونت ها و رنگ ها بهبود می بخشد.

ارتقاء عمده به چارچوب وب محبوب، متغیرهای CSS را برای همه مؤلفه ها معرفی می کند و کمک کننده ها و ابزارهای کمکی را برای فونت ها و رنگ ها بهبود می بخشد.

با آخرین به‌روزرسانی برنامه‌ریزی‌شده برای چارچوب توسعه وب بوت استرپ، سازندگان متغیرهای CSS را برای همه مؤلفه‌ها به همراه کمک‌کننده‌ها و ابزارهای جدید ارائه می‌دهند.

Bootstrap v5.2.0-beta1 که در ۱۳ مه منتشر شد، بزرگترین نسخه این چارچوب از زمان Bootstrap 5.0 دو سال پیش نامیده می‌شود. کامپوننت‌ها اکنون شامل قالب‌بندی ساده‌تر و متغیرهای CSS برای فعال کردن سفارشی‌سازی بلادرنگ هستند. پشتیبانی از حالت رنگ، که با حالت تاریک شروع می شود، به زودی اضافه خواهد شد. صفحات کامپوننت به‌روزرسانی شده‌اند تا راهنمای مرجع متغیرهای CSS مربوطه را شامل شود. مقادیر برای اکثر متغیرهای CSS از طریق متغیرهای Sass تخصیص داده می شود. سفارشی سازی از طریق CSS و Sass هر دو پشتیبانی می شوند.

چرا انتخاب های طراحی پایگاه داده برای توسعه دهندگان اهمیت دارد

برای سهولت در اصلاح اجزای سفارشی، سرمایه گذاری هایی در نسخه ۵.۲.۰ در راهنماها و ابزارهای کمکی انجام شده است. دو مثال عبارتند از:

  • اضافه شدن راهنماهای .text-bg-{color} جدید. به‌جای تنظیم ابزارهای .text-* و .bg-*، توسعه‌دهندگان اکنون می‌توانند از .text-bg-* کمک کنندگان برای تنظیم رنگ پس زمینه با رنگ متضاد پیش زمینه.
  • گسترش وزن قلم ابزارهای کاربردی برای گنجاندن .fw-semibold برای فونت های نیمه پررنگ.

با ادامه توسعه نسخه ۵، انتظار می‌رود بهبودهای بیشتری در این زمینه صورت گیرد. Bootstrap v5.2.0-beta1 را می توان از وب سایت پروژه دانلود کرد. در جای دیگر Bootstrap نسخه ۵.۲.۰-beta1:

  • یک فایل Sass جدید با _maps.scss معرفی می‌شود که چندین نقشه Sass را از _variables.scss بیرون می‌آورد تا مشکلی را برطرف کند که در آن به‌روزرسانی‌های نقشه اصلی انجام نشده است. برای نقشه‌های ثانویه اعمال می‌شود که آن را گسترش می‌دهند.
  • کامپوننت Offcanvas اکنون تغییرهای پاسخگو دارد.
  • اسناد دوباره طراحی شده است.
  • دکمه‌ها و ورودی‌ها با مقادیر border-radius به‌روزرسانی شده‌اند.
  • یک گزینه $enable-container-classes نشان داده شده است. هنگام انتخاب طرح‌بندی آزمایشی شبکه CSS، کلاس‌های .container-* همچنان کامپایل می‌شوند مگر اینکه گزینه روی نادرست
  • تنظیم شود.