مترجم 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 بالإضافة إلى خروجي النمط في هذا علامة التبويب المتصفح.المحول لا يحصل عليه أو يخزنه؛ إغلاق أو إعادة تحميل الصفحة يزيل حالة العمل ما لم يقدم الأداة بشكل صريح تنزيلًا محليًا.
كيفية استخدام هذا الأداة
- توفير خيارات مصدر SCSS بالإضافة إلى خيارات نمط النتيجة في أدوات التحكم.
- اختر الإعدادات التي تؤثر على تشخيص CSS أو المنسوج، ثم قم بتشغيل الأداة.
- مراجعة إعداد CSS أو تشخيص المنسوجات قبل نسخها أو تنزيلها.
طريقة الفشل المشتركة
تتحول المتغيرات غير المحددة، والملحقات المفقودة، والاستيرادات غير المتاحة، أو التخفيض غير المباشر إلى خطأ في تجميع الخطوط.
مثال مفيد
قم بتجميع قاعدة .button hover المعدلة والمتغيرة بالعلامة التجارية $ إلى CSS الموسعة أو المضغوطة.