سلام
امیدوارم حالتون عالی باشه
بریم سر اصل مطلب
(ساس) یک زبان اسکریپت نویسی هست که به (سی اس اس )تفسیر میشه و دو تا سینتکس داره. سینتکس اصلی که قدیمی تر هم هست به عنوان )ساس) شناخته شده و راه کوتاه تر و مختصر تر برای نوشتن کدهای )سی اس اس ) هست. از فرورفتگی ها به جای آکولاد ها برای نشان دادن بلاک مخصوص خصوصیات یک انتخاب گر استفاده میکنه و چیزی که خصوصیت هارو از هم جدا میکنه خط جدید هست نه ;
سینتکس جدیدتر به عنوان( اس سی اس اس ) شناخته شده و فرمت دهی بلاک ها تو این سینتکس شبیه همون (سی اس اس ) هست. یعنی دقیقا آکولادها و ; به همون معنی که تو (سی اس اس ) هست، اینجا هم هست.
ممکنه بپرسید کار (ساس) چی هست اصلا؟ دیدید تو زبان های برنامه نویسی ما متغیر ، فانکشن ، عملگر و ... داریم؟ ولی تو سی اس اس همچین چیزی رو نداریم. حالا فکر کنید اگر میشد تو سی اس اس از این ها استفاده کرد چقدر سرعت نوشتن کدها بالا میرفت! (ساس) به شما این امکان رو میده که از این ویژگی هایی که تو سی اس اس نداریم (همون متغیر و تابع و عملگر و ... رو منظورمه) استفاده کنیم و نوشتن کدهای سی اس اس سریع تر و جذاب تر بشه.
متغییرها
در (ساس) ما میتونیم متغیر تعریف کنیم. اطلاعاتی که قراره چندین بار در قسمت های مختلف یک فایل (سی اس اس ) نوشته بشه میتونه داخل یه متغیر نگه داری بشه و هروقت جایی قرار شد اون اطلاعات رو بنویسیم میتونیم به جاش اسم متغیر رو بنویسیم. به این ترتیب وقتی مقدار متغیری که تعریف کردیم رو تغییر بدیم، جاهایی که از این متغیر استفاده کردیم مقدارش تغییر میکنه. شما میتونید رنگ ها یا اسم فونت ها یا هر مقدار (سی اس اس ) که فکر میکنید دوباره قراره ازش استفاده کنید رو داخل متغیر ذخیره کنید. (ساس) از علامت $ برای ساخت متغیر استفاده میکنه.
عملگرها
عملیات اعداد
انجام عملیات ریاضی در (سی اس اس ) میتونه خیلی مفید باشه . ( ساس) عملگرهای اصلی ریاضی مثل + و - و * و / و % رو داره. در این مثال از عملیات ساده ریاضی برای محاسبه عرض article و aside استفاده میشه.
میکسین ها
نوشتن بعضی چیزها تو(سی اس اس ) یکم خسته کنندست، مخصوصا با (سی اس اس )3 و اونهمه پیشوندهای مخصوص هر مرورگر. یک میکسین به شما اجازه میده یه گروهی از کدهای (سی اس اس ) که قراره چندین جا ازشون استفاده کنید رو آماده کنید. حتی میتونید به میکسین، پارامتر هم بدین تا انعطاف پذیری بیشتری تو استفاده داشته باشه.
برای اینکه یک میکسین بسازید باید از کلمه mixin@ استفاده کنید و بعد اسم میکسین رو بنویسید. همچنین این میکسین ما یه پارامتر هم قبول میکنه که میتونیم هرجا که خواستیم توسط این پارامتر، مقداری رو به میکسین خودمون بفرستیم و اون این مقدار رو برامون جایگزین میکنه. وقتی میکسین رو ساختیم برای استفاده از اون باید اول بنویسیم include@ و بعد جلوش اسم میکسین مد نظرمون رو به همراه مقداری برای پارامتر بنویسیم.
وراثت
این هم یکی از مفیدترین ویژگی های (ساس) هست. با استفاده از وراثت شما میتونید محتوای یک کلاس رو داخل یک کلاس دیگه خیلی راحت استفاده کنید. تنها کاری که باید انجام بدید اینه که تو کلاس مورد نظر خودتون بنویسین extend@ و بعد اسم کلاسی که میخواین محتواش رو داخل این یکی کلاس هم استفاده کنید بنویسید.
لینک وب سایت های مرجع:
http://lesscss.org/
https://sass-lang.com
