پرش به محتویات

راهنمای سازگاری CSS Bricks

Bricks از استاندارد سازگاری Baseline برای تعیین ویژگی‌های CSS پشتیبانی‌شده در خروجی Bricks پیروی می‌کند.

Baseline چیست؟

Baseline مدل سازگاری است که زمان interoperable شدن ویژگی‌های web platform در مرورگرهای اصلی را ردیابی می‌کند. دو مرحله کلیدی:

  • Newly Available: ویژگی در همه مرورگرهای اصلی (دسکتاپ و موبایل) کار می‌کند.
  • Widely Available: حدود ۳۰ ماه پس از Newly Available؛ برای اکثر کاربران جهانی (~۹۵٪) در production امن است.

Baseline پشتیبانی در این مرورگرها را در نظر می‌گیرد:

  • Apple Safari (iOS)
  • Apple Safari (macOS)
  • Google Chrome (Android)
  • Google Chrome (desktop)
  • Microsoft Edge (desktop)
  • Mozilla Firefox (Android)
  • Mozilla Firefox (desktop)

Bricks از چه ویژگی‌های CSS استفاده می‌کند؟

Bricks فقط ویژگی‌هایی را استفاده می‌کند که به مرحله Widely Available در Baseline رسیده‌اند. مثلاً pseudo-class :where و at-rule @layer در این مرحله‌اند و بخشی از خروجی Bricks هستند.

MDN Baseline

مرورگرهای قدیمی‌یا کم‌رایج چه می‌شوند؟

تعادل: adoption استانداردهای مدرن وقتی پایدار و broadly supported هستند، بدون technical debt یا regression برای اکثریت. fallback برای دستگاه‌های زیر Baseline کیفیت و performance بقیه را پایین می‌آورد.

CSS اضافه‌شده توسط کاربر؟

خیر. این فقط برای CSS تولیدشده توسط Bricks است.

CSS خودتان را هر طور می‌خواهید بنویسید، از جمله fallback برای legacy. Bricks آن fallbackها را خودکار در خروجی خود قرار نمی‌دهد.