تنسيق CSS
افرد ملف CSS المضغوط قاعدةً قاعدة وخاصيةً خاصية لتقرأه وتعدّله.
الصق CSS أو اكتبه، وتظهر النتيجة مع الحجم قبل التصغير وبعده فورًا.
عن الأداة
ملفات CSS التي تصل من موقع منشور أو من مكتبة تكون غالبًا مصغّرة في سطر واحد طويل. التنسيق يعيدها إلى الشكل الذي كُتبت به: كل محدد في سطر، والقوس يفتح كتلة، وكل خاصية في سطر خاص بمسافة بادئة، مع سطر فارغ بين القواعد. الكتل المتداخلة مثل @media و@keyframes تُزاح مستوى إضافيًا.
المنسّق يقرأ الملف رمزًا رمزًا، فالفاصلة المنقوطة داخل content: ';' أو داخل url(data:image/svg+xml;base64,...) لا تكسر السطر، والتعليقات تبقى في مكانها. لا تُضاف خصائص ولا تُحذف ولا يُغيّر ترتيبها، فالملف المنسّق يعمل تمامًا كالأصل.
اختر المسافة البادئة التي يستخدمها مشروعك: مسافتان أو أربع أو Tab. الناتج مناسب للصقه في محرر الكود مباشرة أو لمقارنته بنسخة أخرى في أداة الفرق.
أسئلة شائعة
هل يعيد التنسيق أسماء الفئات الأصلية بعد التصغير؟
لا. التصغير الذي يعيد تسمية الفئات (كما في CSS Modules) يفقد الأسماء الأصلية نهائيًا، ولا تعود بالتنسيق. التنسيق يعيد المسافات والأسطر فقط.
لماذا يظهر خطأ في سطر معين؟
لأن قوسًا لم يُغلق أو نصًا لم يكتمل قبل ذلك السطر. الأداة تشير إلى السطر والعمود اللذين توقفت عندهما، وغالبًا يكون سبب المشكلة قبلهما بقليل.