עיצוב קוד SCSS

סדרו קוד ואתרו שגיאות תחביר.

במכשיר שלכם · ללא חשבון

עיצוב קוד SCSS מעבד את הקלט שלכם בדפדפן הזה. הקלט והתוצאות אינם נכללים בנתוני האנליטיקה. רשימת הכלים האחרונים שומרת שמות כלים, מספרי ביקורים ומועדי ביקור אחרון. רשימת הכלים השמורים שומרת רק את שמותיהם. שמירת טיוטה היא לבחירתכם ונשארת במכשיר הזה; אפשר למחוק טקסט שמור באמצעות פקדי הטיוטה. טעינת טקסט מכתובת URL היא לבחירתכם ויוצרת קשר עם אותו שרת; כתובת ה־URL וכתובת ה־IP שלכם גלויות לשרת. הפעולה האופציונלית ״שימוש ב־״ שומרת בלשונית הזאת נתונים להעברה לכלי הבא. הכלי הבא מסיר אותם עם פתיחתו ומתעלם מהם אם חלפה יותר מדקה.

״העתקת קישור״ כוללת בכתובת את הקלט שבחרתם לשתף. כל מי שיש לו את הקישור יכול לפתוח שוב את הקלט הזה. קבצים ותוצאות שנוצרו אינם נכללים. כלי סיסמאות ומפתחות משתפים הגדרות בלבד.

עברית

הקוד שלכם

אפשרויות וקובץ מהמכשיר

הזחה

פתיחת קובץ טקסט מהמכשיר

ההגדרות הנוספות חלות רק על הלשונית הזו.

התוצאה שלכם

שמירת טיוטה במכשיר הזה

שמירת שינויים בטיוטה הזאת

השמירה כבויה. כל מי שמשתמש בפרופיל הדפדפן הזה יכול לקרוא טיוטה שנשמרה. שום דבר אינו מועלה לשרת.

עוד

קיצורי מקלדת

על קישורים ואיפוס

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

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

איך מעצבים קוד SCSS

הדביקו קוד SCSS כדי לעצב אותו באמצעות המנתח התחבירי של Prettier 3.9.8 הכלול בכלי. הפלט עובר ניתוח תחבירי נוסף ובדיקה שהעיצוב נשאר יציב, לפני שאפשר להעתיק או להוריד אותו.

הבא: עיצוב JSON

דוגמה

לדוגמה, a{color:red} הופך למסמך SCSS עם ריווח עקבי. סוגריים או מירכאות שלא נסגרו מציגים שגיאת תחביר, והקלט נשאר זמין לתיקון.

לפני השימוש בתוצאה

הכלי מעצב קינון, משתנים ו־mixins ב־SCSS בלי לקמפל ל־CSS או לפתור הפניות לייבוא. הוא אינו מבצע מיניפיקציה; הסרת רווחים בלי כלי מיניפיקציה שמבין את השפה עלולה לשנות את משמעות הקוד.

עודכן 7 באוקטובר 2026

ציטוט העמוד

סגנון הציטוט

ToolOctopus. “עיצוב קוד SCSS.” עודכן 7 באוקטובר 2026. https://tooloctopus.com/he/עיצוב-קוד-scss.

אם ההנחיות דורשות זאת, יש להוסיף תאריך גישה.

הציטוטים מעוצבים באמצעות citeproc-js של Frank Bennett וסגנונות Citation Style Language. רישיון וקוד מקור.