مولّد مقياس التباعد

حول هذه الأداة

يبني مولد سلّم المسافات نظام مسافات من وحدة أساسية قدرها 4 أو 5 أو 6 أو 8 px على 12 أو 16 أو 20 خطوة، ويصدّره كخصائص CSS مخصصة بوحدة px أو rem.

طريقة الاستخدام

1. اختر وحدة أساسية، مثل 4 px أو 8 px.
2. اختر مخرجات px أو rem.
3. اختر عدد الخطوات التي تحتاجها.
4. انقر Copy CSS Variables لإضافة السلّم إلى ملف الأنماط.

معلومات مفيدة

• تعتمد المسافات في Tailwind CSS على وحدة قدرها 4 px ‏(0.25 rem).
• يستخدم Material Design شبكة 8 dp، مع 4 dp للتعديلات الصغيرة.
• المضاعفات مثل 0.5 و1 و1.5 و2 و3 و4 و6 و8 تغطي معظم احتياجات المسافات.
• تفترض قيم rem هنا حجم خط جذريًا قدره 16 px.
• يحل السلّم الثابت محل قيم البكسل العشوائية ويحافظ على اتساق التخطيطات بصريًا.

تعمل بالكامل داخل متصفحك — لا يتم رفع أو حفظ أي شيء تُدخله.

الأسئلة الشائعة