منسّق CSS

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

يعيد المنسّق كتابة CSS المضغوط أو غير المرتّب في صورة قواعد ذات إزاحة واضحة، فتصبح المراجعات وملفات الفروق أسهل قراءة. لا يتغير سوى المسافات والبنية، أما التتالي فيبقى كما هو.

مثال

يبدأ المثال ببطاقة مضغوطة تستعيد إزاحتها بعد التنسيق.

إدخال

.card{display:flex;padding:1.5rem;border-radius:.5rem;background:#fff}.card h2{font-size:1.25rem;font-weight:600;margin:0 0 .5rem}

مخرجات

.card {
  display: flex;
  padding: 1.5rem;
  border-radius: 0.5rem;
  background: #fff;
}

نصيحة

نسّق قبل مراجعة الكود، واترك التصغير لمرحلة بناء الإصدار النهائي.