دوره جامع و پروژهمحور طراحی وب با تمرکز روی JavaScript، Ajax و API! با طراحی ریسپانسیو و پروژههای حرفهای مثل دیجیکالا و شمرون کباب مهارتت رو حرفهای کن!
مشاهده بیشتر
با دوره رایگان "ساخت فریمورک CSS با Sass" حرفهای شو! دیگه وقتشه کدهای شلوغ و تکراری رو کنار بذاری و فریمورک CSS اختصاصی خودتو بسازی. تو این دوره، از صفر تا صد Sass رو یاد میگیری و یاد میگیری چطور پروژههات رو سریعتر و شگفتانگیزتر کنی!
مشاهده بیشترآموزش SASS – اسکریپت های SASS
SASS از تعداد محدودی extension یا افزونه به نام SassScript بهره می گیرد که به واسطه ی آن ها property های CSS می توانند از متغیرها، عملیات ریاضی و سایر توابع استفاده کنند.
SassScript را همچنین می توان داخل mixin ها که property ها و selector ها را در بدنه ی خود جای داده، استفاده کرد (اگر بخاطر داشته باشید mixin ها به توسعه دهنده این امکان را می دهند که style های پرکاربرد را یکبار به صورت سازماندهی شده نوشته و سپس آن را در بخش های مختلف فایل stylesheet مورد نظر استفاده نماید و از نوشتن کدهای تکراری جلوگیری کند).
جدول زیر برخی از extension های پرکاربرد SASS را همراه با شرح کاربرد در اختیار شما قرار می دهد:
/ خط فرمان تعاملی و هوشمند Interactive Shell
این Extension عبارات و دستورات SassScript را با استفاده از خط فرمان پردازش، محاسبه و نتیجه را در خروجی چاپ می کند.
این extension داده هایی نظیر مقادیر عددی، کاراکترها و آدرس مقادیر در حافظه را در خود نگه می دارد.
این extension بیانگر انواع داده ای است که در Sass قابل استفاده بوده و نشانگر نوع آبجکتی است که داده هایی از نوع خاص در آن ذخیره می شوند.
این extension امکان انجام عملیاتی نظیر عددی، دستکاری رنگ، عملیات مختلف بر روی رشته ها، بولی و عملیات مربوط به list را پشتیبانی می کند.
پرانتز که امکان مدیریت و تغییر ترتیب یا اولویت انجام عملیات را فراهم می آورد.
SassScript تعدادی تابع بسیار کاربردی تعبیه کرده و در اختیار توسعه دهنده قرار می دهد که در قالب دستور نحوی و سینتکس متعارف CSS به راحتی قابل استفاده و فراخوانی بوده و عملیات مورد نظر را (مانند ویرایش رنگ) انجام می دهد.
این extension به شما امکان می دهد که با استفاده از دستور (ساختار نگارشی و گرامری) #{ } متغیر و property های دلخواه را در selector ها و بستر کامنت های چند خطی بگنجانید.
It allows nesting of properties into another properties which leads to group of another related code.
این extension امکان تودرتوسازی property ها را فراهم می آورد و
این extension به توسعه دهنده امکان می دهد که چنانچه قبلا مقداری به متغیر تخصیص داده نشده باشد، با الحاق !default به انتهای آن، متغیر مورد نظر را مقداردهی کند. به عبارت دیگر اگر مقداری به متغیر تخصیص یافته باشد، دیگر مقداری به آن اختصاص نمی یابد، اما اگر از قبل مقداردهی نشده باشد، به واسطه ی این extension مقداری به صورت پیشفرض به آن انتساب می یابد.