آموزش کار با sass
آموزش sass
SASS مخفف Syntactically Awesome Style Sheets و یک زبان پیش پردازنده CSS است.
آموزش نصب SASS
در این بخش، نحوه راه اندازی محیط توسعه Sass آموزش داده می شود.
آموزش سینتکس SASS
قبل از نوشتن هر کد Sass، باید اصول پایه ای دستورات Sass را بیاموزیم. در این بخش انواع فایل Sass، کامنت های Inline ، قوانین تو در تو، Parent Selectors و Nested Properties آموزش داده می شود.
آموزش تعریف متغیر در SASS
در این بخش نحوه تعریف و استفاده از متغیرهای SASS با مثال آموزش داده می شود.
آموزش اسکریپت در SASS
SassScript اسکریپتی است که به ما امکان می دهد انتخابگر (selector)، ویژگی (property) یا مقدار CSS را با استفاده از Sass expression محاسبه کنیم.
انواع داده در SASS
در این بخش انواع داده در SASS شامل اعداد، رشته ها، رنگ ها، Booleans، Null، لیست ها و Maps توضیح داده می شود.
عملگرها در SASS
در این بخش عملیاتی را که میتوانید روی هر نوع داده در SASS انجام دهید شامل عملگر تساوی، Boolean، عملیات عددی و پایه ای، عملیات بر روی رشته ها و رنگ ها و غیره به همراه مثال های کاربردی آموزش داده می شود.
توابع SASS
در این بخش توابع مختلف در SASS شامل توابع رشته، عدد، لیست، Map، همچنین Selector و Introspection و نحوه عملکرد آنها آموزش داده می شود.
توابع رنگ در Sass
در این بخش تمامی توابع color در SASS معرفی و توضیح داده می شوند.
ساختارهای کنترل در SASS
در این بخش دستورالعمل های کنترل در SASS شامل if@ ، حلقه شرطی while@ ، حلقه بدون قید و شرط for@ و همچنین else@ آموزش داده می شود.
وارد کردن فایل در SASS
در این بخش نحوه import یا وارد کردن فایل ها در SASS توضیح داده می شود.
Mixins در SASS
یک mixin قطعه کدی است که می توانیم در پروژه چندین بار از آن استفاده کنیم.
دستور extend@ در SASS
دستور extend@ با اجازه دادن به یک استایل برای گنجاندن استایلی دیگر، نوعی ارث بری را ارائه می دهد.