مترجم SCSS وSass
قم بتجميع مقتطفات SCSS/Sass الملصقة أو ملفات .scss/.sass المحلية مباشرةً في متصفحك. لم يتم تحميل ورقة الأنماط الخاصة بك أو تسجيلها أو إرسالها إلى واجهة برمجة التطبيقات.
انقر لاختيار ملف SCSS/Sass أو قم بإفلاته هنا
يمكنك أيضًا لصق SCSS/Sass مباشرة في المحرر أدناه.
0 بايت
0 بايت
تجميع المتصفح الأصلي
يتم تشغيل التجميع محليًا باستخدام تطبيق Dart Sass الرسمي. لا يتم إرسال أي أوراق أنماط إلى خوادم Convertr.
مقتطف وإدخال الملف
الصق SCSS جزئيًا، أو أوراق الأنماط الكاملة، أو القواعد المتداخلة، أو المتغيرات، أو الخلطات، أو قم بتحميل ملف .scss محلي.
قياس آمن
تستخدم التحليلات مجموعات الحجم والتصغير فقط. يبقى مصدر SCSS والمتغيرات والخلطات وأسماء الملفات خارج نطاق القياس عن بعد.
الأسئلة المتداولة
هل تم تحميل SCSS الخاص بي إلى Convertr؟
لا. يعمل برنامج التحويل البرمجي SCSS محليًا باستخدام JavaScript في المتصفح. لا يتم إرسال SCSS الملصق والملفات المحددة إلى خوادم Convertr.
ماذا يحدث عندما يكون لدى SCSS خطأ في بناء الجملة؟
يظهر خطأ المترجم مع أرقام الأسطر والأعمدة في لوحة التحذيرات حتى تتمكن من تحديد موقع الخطأ وإصلاحه.
هل يدعم هذا @import أو التبعيات البعيدة؟
لا. لضمان السرعة والتوفر دون اتصال والخصوصية، تم تعطيل عمليات الاستيراد عن بعد والوصول إلى نظام الملفات في هذا المترجم الأصلي للمتصفح.
مترجم SCSS
قم بتجميع بناء جملة SCSS المدعومة إلى CSS باستخدام مترجم المتصفح المضمن.
- مدخل
- مصدر SCSS بالإضافة إلى خيارات نمط الإخراج.
- الإخراج
- CSS مجمعة أو تشخيص المترجم.
- القيود الفعلية
- لا يقوم مترجم المتصفح بحل استيرادات المشروع العشوائية، أو تنفيذ إضافات البناء، أو ضمان التكافؤ مع إصدار Sass مختلف.
- الخصوصية ومعالجة البيانات
- يتم معالجة خيارات مصدر SCSS بالإضافة إلى نمط الإخراج في علامة تبويب المتصفح هذه. لا يتلقى Convertr البيانات أو يخزنها؛ إغلاق الصفحة أو إعادة تحميلها يمسح حالة العمل ما لم تقدم الأداة صراحةً تنزيلًا محليًا.
كيفية استخدام هذه الأداة
- قدم مصدر SCSS بالإضافة إلى خيارات نمط الإخراج في عناصر تحكم الأداة.
- اختر الإعدادات التي تؤثر على CSS المترجمة أو تشخيصات المترجم، ثم شغّل الأداة.
- مراجعة CSS المُجمَّع أو تشخيصات المترجم قبل نسخه أو تنزيله.
أنماط الفشل الشائعة
المتغيرات غير المعرفة والمزج المفقود والاستيرادات غير المتاحة أو التداخل غير الصحيح ينتج خطأ في التجميع مع تحديد السطر.
مثال مفيد
قم بتجميع قاعدة .button hover مع متغير العلامة التجارية $brand إلى CSS موسع أو مضغوط.