מהדר SCSS & Sass

הדר קטעי SCSS/Sass או קבצי .scss/.sass מקומיים ישירות בדפדפן שלך. הגיליון שלך לא מועלה, לא מתועד ולא נשלח ל-API.

לחצו כדי לבחור קובץ 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 אינו מקבל או מאחסן אותם; סגירה או טעינה מחדש של הדף מנקה את מצב העבודה אלא אם הכלי מציע במפורש הורדה מקומית.

כיצד להשתמש בכלי זה

  1. ספק מקור SCSS ואפשרויות סגנון פלט בבקרות הכלי.
  2. בחר את ההגדרות המשפיעות על CSS מהודר או אבחוני מהדר, ולאחר מכן הפעל את הכלי.
  3. סקור CSS מהודר או אבחוני מהדר לפני העתקה או הורדה.

מצבי כשל נפוצים

משתנים לא מוגדרים, מיקסינים חסרים, ייבוא לא זמין או קינון לא חוקי מחזירים שגיאת קומפילציה עם ציון שורה.

דוגמה שימושית

קמפל משתנה $brand וכלל .button hover מקונן ל-CSS מורחב או דחוס.