اللغة والاتجاه من اليمين إلى اليسار

تصدر أوكرادو بالإنجليزية والفرنسية، والعربية جاهزة. العربية تُكتب من اليمين إلى اليسار، ويجب أن تنعكس التخطيطات دون ورقة أنماط ثانية.

القواعد

خصائص CSS المنطقية فقط: margin-inline-start وpadding-block وinset-inline-end، وفي Tailwind الأصناف ms- وpe- وstart-. استخدام left وright عيب.
حدّد lang وdir على <html>. الطبقات العائمة (الحوارات والأدراج والإشعارات) تقع خارج غلاف الصفحة، لذلك يوضع الاتجاه على الجذر.
تُفتح الأدراج من نهاية السطر وتنعكس من اليمين إلى اليسار.
الأيقونات التي تدل على اتجاه (الأسهم) تنعكس، والتي تدل على شيء لا تنعكس.
الأرقام جدولية، والنص العربي يستخدم خط Readex Pro.
النصوص تأتي من messages/{en,fr}.json؛ لا تركّب جملة من أجزاء.

اعرض كل شاشة بالفرنسية (نصوص أطول) وبالعربية (معكوسة). ابحث عن القصّ، ونص يقع تحت أيقونة، وأي عنصر لا ينعكس.