הגדרת סביבת העבודה הנחוצה לעבודה עם SASS – דרך חדשה לכתיבת CSS מתקדם וגמיש. הסבר על התקנה בחלונות ובלינוקס.
SASS
SASS היא מטא-שפה המשתמשת אותנו לכתיבת CSS באופן חדשני, מודרני, גמיש ונוח יותר. עוד ועוד אפליקציות ואתרים בוחרים ב-SASS כדי ליצור את ה-CSS שלהם. בסדרת המדריכים הזו (עדיין בכתיבה) אני מסביר איך עובדים עם SASS ועל כל הפיצ’רים שלה באופן מקיף ומלא.
SASS – mixin
במקום לשכפל שוב ושוב קוד, אפשר להשתמש ב-mixin, המונח ה-SASSי לפונקציות. ה-mixin מאפשרים לנו לכתוב קוד CSS אלגנטי, פשוט וקל!
שימוש בארגומנטים ב-SASS mixin
כך יוצרים SASS mixin מורכבים עם ארגומנט אחד, שניים או אפילו שלושה. וגם כמה מילים על debugging ואיבחון טעויות.
SASS Control Directives – משפטי תנאי
רוצים להרחיב את ה-mixin שלכם? למה שלא תתחילו לכתוב משפטי תנאי ב-SASS?
SASS Control Directives – לולאות
לולאות מסוגים שונים ואיטרציות שמסוגלים לסייע לנו ביצירת mixin מתקדמים במיוחד
ייבוא עם SASS
כיצד משתמשים ב-import ב-SASS. לא רק ב-import הרגיל אלא ב-Import מקונן
פתרון תקלות ב-SASS
איך מבצעים דיבוג של תקלות ב-SASS ואיך מוצאים את השורה הרלוונטית ב-SCSS מתוך קובץ ה-CSS המקומפל.
SASS – פונקציות
כך משתמשים בפונקציות המובנות ב-SASS למגוון שימושים – בתוך ה-mixin ומחוצה להם.
SASS – הוספת פונקצית SASS
כך מכניסים פונקציה שכתובה ברובי אל תוך הקומפיילר של SASS.
לעשות קומפילציה אוטומטית של קבצי SASS עם Grunt.js
סביבת עבודה מודרנית עם SASS ו-grunt שמקפל לקבצי CSS בכל שינוי.
תשארו בקשר!