ترقيم بنافذة ثابتة

الاستعمال

1. انسخ tokens.css إلى مشروعك واربطه قبل أنماط المكوّن.
2. اربط fonts.css — المكوّن يطلب عائلة خطٍّ من التوكنات.
3. ألصق ترميز HTML حيث تريده.
4. ألصق CSS في ورقتك — محدِّداته مقصورةٌ على صنف المكوّن فلا تتسرّب.
5. ألصق JS بعد الترميز، أو حمّله بـdefer.
6. اضبط dir على rtl أو ltr — المكوّن يعمل بالاثنين.

الحالات

تمريرمعطَّلفارغ

العربية والإنجليزية

يعمل بالاتّجاهين — عربيًّا وإنجليزيًّا. مفروضٌ في كل بناء بـ، ومُجرَّبٌ في الملعب أعلاه.

الاستجابة

بلا عرضٍ ثابت يفيض، وتخطيطٌ يتمدّد.

الوصول

• كل حقلٍ مسمّى، ولا ARIA زائدة —
• يُدار بلوحة المفاتيح كاملًا
• يحمل دورًا دلاليًّا صريحًا

التبعيّات

لا تبعيّة خارجية — لا CDN ولا حزمة تُنزَّل.

• tokens.css — كل لونٍ وقياسٍ في المكوّن يشير إلى توكن، ولا قيمة صريحة فيه
• fonts.css — المكوّن يطلب عائلة خطٍّ من التوكنات
• script.js — سلوك المكوّن فيه — وبدونه يُعرض ولا يعمل

أمثلة

• بالإنجليزية — الاتّجاه ينقلب والتخطيط يتبعه
• بالوضع الفاتح — الألوان من التوكنات فتتبع الثيم
• على مسرح الجوّال — العرض 360 بكسل
• بلا حركة — كما يراه من فضّل تقليل الحركة

ما يقاربه

تمرير لانهائي له نهايةحمّل المزيد بعدّاد صادق