Sass إلى CSS
ترجم Sass و SCSS إلى CSS عبر الإنترنت. تحويل فوري بمخرجات موسعة أو مضغوطة وأرقام أسطر للأخطاء ودعم كامل للمتغيرات والمايكسينات والتداخل.
ما الفرق بين Sass و SCSS؟
SCSS هي الصياغة الأحدث الشبيهة بـ CSS وتستخدم الأقواس المعقوفة والفواصل المنقوطة، بينما تستخدم Sass (الصياغة ذات المسافات البادئة) الإزاحة وأسطرًا جديدة. تترجم هذه الأداة كليهما - فقط اختر الصياغة من القائمة.
ما مزايا Sass المدعومة؟
يستخدم المترجم محرك Dart Sass الرسمي، لذا تُدعم المتغيرات والتداخل والمايكسينات و@include والدوال و@use و@extend وتعليمات التحكم مثل @if و@each ونمط الإخراج المضغوط.
كيف أحصل على CSS مضغوط؟
بدّل قائمة نمط الإخراج إلى «مضغوط» قبل الترجمة. تُزال المسافات والفاصلة المنقوطة الأخيرة فتحصل على أصغر ورقة أنماط ممكنة.
لماذا يُظهر الخطأ رقم السطر؟
عند وجود خطأ في الصياغة، يُبلغ محرك Sass عن السطر والعمود اللذين فشل عندهما التحليل، وتعرضه الأداة فوق المخرجات لتصحيحه سريعًا.
هل يُرفع كود Sass الخاص بي إلى خادم؟
لا. محرك Dart Sass الكامل مضمّن في الصفحة ويترجم محليًا داخل متصفحك. أوراق الأنماط لا تغادر جهازك أبدًا، فالأداة آمنة حتى للمشاريع الخاصة.
هل يمكن ترجمة @import لملفات محلية؟
لا. يعمل المترجم على مقطع واحد في الذاكرة ولا يصل إلى نظام ملفاتك، لذا لا يمكن حل عمليات الاستيراد المعتمدة على الملفات و@use للأجزاء الخارجية.
هل يعمل دون اتصال؟
نعم. بعد تحميل الصفحة وحزمة المترجم مرة واحدة، تتم الترجمة بالكامل على جهازك دون الحاجة إلى اتصال.
كيف أستخدم الناتج؟
انسخ CSS المترجم إلى الحافظة أو نزّله باسم style.css من الأزرار أسفل المخرجات، ثم اربطه في HTML أو الصقه في ورقة أنماط مشروعك.
كيفية استخدام Sass إلى CSS
يشغّل هذا المترجم محرّك Dart Sass الرسمي بالكامل داخل متصفحك. الصق SCSS أو Sass ذي المسافات البادئة واحصل على CSS نظيف فورًا — مع دعم المتغيرات والماكسينات والتداخل والدوال، دون رفع أي شيء.
- الصق كود Sass أو SCSS في مربع الإدخال، أو اضغط «مثال» لتحميل عرض تجريبي يعمل ويحتوي متغيرًا وماكسين.
- اختر الصياغة (SCSS أو Sass بمسافات بادئة) ونمط الإخراج (موسّع أو مضغوط) من القائمتين المنسدلتين.
- عند تفعيل «الترجمة الفورية» يظهر CSS أثناء الكتابة؛ وإلا اضغط «ترجمة» لتشغيلها يدويًا.
- إذا وُجد خطأ في الصياغة، يظهر رقم السطر بدقة والرسالة فوق المخرجات لتتمكن من الإصلاح سريعًا.
- استخدم «نسخ» أو «تنزيل» أسفل المخرجات لأخذ ورقة الأنماط المترجمة باسم style.css.
اختر نمط الإخراج «مضغوط» لتصغير ورقة الأنماط — خيار ممتاز لبناءات الإنتاج مباشرة من المصدر.
أدوات ذات صلة
- مجمّل CSS نسق وجمّل كود CSS فوراً. حوّل CSS المضغوط إلى كود مقروء ومنسق جيداً مع خيارات قابلة للتخصيص.
- ضاغط CSS ضاغط CSS مجاني عبر الإنترنت. ضغط وحسّن كود CSS فوراً عن طريق إزالة المسافات والتعليقات والأحرف غير الضرورية. قلل حجم الملف لأداء ويب أسرع.
- مولد تدرجات CSS أنشئ تدرجات CSS مذهلة بصريًا. أنشئ تدرجات خطية وشعاعية ومخروطية مع نقاط ألوان متعددة وزوايا ومواضع مخصصة. انسخ كود CSS الجاهز للإنتاج فورًا.
- مولد CSS Flexbox مولد CSS Flexbox مرئي مع معاينة مباشرة. اضبط خصائص flex واحصل على كود CSS جاهز للاستخدام.
- حاسبة Chmod حاسبة chmod مجانية عبر الإنترنت لتصور وحساب أذونات ملفات Linux بمربعات اختيار. تحويل فوري بين التدوين الرقمي (755، 644) والرمزي (rwxr-xr-x). يدعم الأذونات الخاصة مثل setuid وsetgid وsticky bit.
- جدول ASCII مرجع كامل لترميز أحرف ASCII مع الأكواد العشرية والسداسية العشرية والثمانية والثنائية وكيانات HTML وأوصاف الأحرف. البحث والتصفية الفورية.
- اختبار طلبات HTTP اختبر واجهات REST API مباشرة في متصفحك. أرسل طلبات GET وPOST وPUT وDELETE مع رؤوس ونص ومعلمات مخصصة. شاهد حالة الاستجابة والرؤوس ونص JSON فورًا.
- مولد .htaccess إنشاء قواعد Apache .htaccess لإعادة التوجيه وإعادة الكتابة ورؤوس الأمان والتخزين المؤقت والمزيد.