با سلام خدمت کاربران گرامی سایت پی وی لرن و کاربران و علاقمندان به دوره آموزش Sass. در جلسه گذشته علاقمندان این دوره را با کامنت ها و کاربردهای آن در Sass آشنا کردیم؛ بر طبق مطالب جلسه گذشته آموختیم که کامنت ها عبارت های غیر قابل اجرایی هستند که در کد منبع قرار می گیرند. کامنت ها کد منبع را آسان تر درک می کنند. SASS از دو کامنت پشتیبانی می کند : کامنت های چند خطی : این کامنت ها با */ و /* نوشته می شوند. کامنت های چند خطی در خروجی CSS حفظ می شوند. کامنت های تک خطی: این کامنت ها با استفاده از // نوشته شده و بعد از آن ها قرار می گیرند. کامنت های تک خطی در خروجی CSS حفظ نمی شوند. در این جلسه که هفتمین جلسه از این دوره آموزشی است؛ آموزش کار با SassScript ها در Sass را ارائه می نماییم.
Sass از یک مجموعه کوچک از اکستنشن ها با عنوان SassScript استفاده می نماید.
SassScript ها می توانند در اسناد SASS بیایند تا متغیرهای مقادیر property را محاسبه کنند و از ویژگی های متغیرها، محاسبات و سایر توابع استفاده کند.
SassScript ها را می توان با استفاده از سنجشگر ها و نام property ها در هنگام استفاده از mixins ها (Mixins اجازه استفاده مجدد از استایل های CSS را در stylesheet ها می دهند) مورد استفاده قرار داد.
جدول زیر لیست برخی از اکستنشن های CSS مورد استفاده در SASS را فهرست کرده است.
شماره اکستنشن | اکستنشن های CSS و توضیحات آن |
۱ | Interactive Shell این اکستنشن عبارت SassScript را با استفاده از خط فرمان ارزیابی می کند. |
۲ | Variables این اکستنشن نشان دهنده داده هایی مانند مقادیر عددی، کاراکترها یا آدرس های حافظه است. |
۳ | DataTypes این اکستنشن نوع داده ها را برای هر شیء داده اعلام می کند. |
۴ | Operations این اکستنشن عملیات هایی مانند تعداد، رنگ، رشته، boolean و عملیات های لیست را فراهم می کند. |
۵ | Parentheses این اکستنشن یک جفت از علامت هایی است که معمولا توسط براکت های دور () یا براکت های مربع [] مشخص می شوند. |
۶ | Functions این اکستنشن ها از استفاده از توابع با استفاده از keyword arguments پشتیبانی می کنند. |
۷ | Interpolation این اکستنشن با استفاده از سینتکس { }# از استفاده از متغیر های SassScript و نام های property، پشتیبانی می کند |
۸ | in SassScript & ای این اکستنشن به properties های تو در تو در سایر properties ها اجازه می دهد که یک گروه بندی از کد های مرتبط را ایجاد نمایند. |
۹ | Variable Defaults ای این اکستنشن به properties های تو در تو در سایر properties ها اجازه می دهد که یک گروه بندی از کد های مرتبط را ایجاد نمایند. |
در این جلسه با آموزش کار با SassScript ها در Sass همراه شما بودیم.
در جلسه بعدی به آموزش قواعد و دستورهای Sass خواهیم پرداخت.
با پی وی لرن همراه باشید.