مشخصات مقاله
-
937
-
0.0
-
2335
-
0
-
0
آموزش اسکریپت های SASS
آموزش SASS – اسکریپت های SASS
SASS از تعداد محدودی extension یا افزونه به نام SassScript بهره می گیرد که به واسطه ی آن ها property های CSS می توانند از متغیرها، عملیات ریاضی و سایر توابع استفاده کنند.
SassScript را همچنین می توان داخل mixin ها که property ها و selector ها را در بدنه ی خود جای داده، استفاده کرد (اگر بخاطر داشته باشید mixin ها به توسعه دهنده این امکان را می دهند که style های پرکاربرد را یکبار به صورت سازماندهی شده نوشته و سپس آن را در بخش های مختلف فایل stylesheet مورد نظر استفاده نماید و از نوشتن کدهای تکراری جلوگیری کند).
جدول زیر برخی از extension های پرکاربرد SASS را همراه با شرح کاربرد در اختیار شما قرار می دهد:
S. No.
Extension مربوطه و شرح کاربرد
1
Interactive Shell
/ خط فرمان تعاملی و هوشمند Interactive Shell
این Extension عبارات و دستورات SassScript را با استفاده از خط فرمان پردازش، محاسبه و نتیجه را در خروجی چاپ می کند.
/ خط فرمان تعاملی و هوشمند Interactive Shell
این Extension عبارات و دستورات SassScript را با استفاده از خط فرمان پردازش، محاسبه و نتیجه را در خروجی چاپ می کند.
2
Variables
این extension داده هایی نظیر مقادیر عددی، کاراکترها و آدرس مقادیر در حافظه را در خود نگه می دارد.
این extension داده هایی نظیر مقادیر عددی، کاراکترها و آدرس مقادیر در حافظه را در خود نگه می دارد.
3
DataTypes
این extension بیانگر انواع داده ای است که در Sass قابل استفاده بوده و نشانگر نوع آبجکتی است که داده هایی از نوع خاص در آن ذخیره می شوند.
این extension بیانگر انواع داده ای است که در Sass قابل استفاده بوده و نشانگر نوع آبجکتی است که داده هایی از نوع خاص در آن ذخیره می شوند.
4
Operations
این extension امکان انجام عملیاتی نظیر عددی، دستکاری رنگ، عملیات مختلف بر روی رشته ها، بولی و عملیات مربوط به list را پشتیبانی می کند.
این extension امکان انجام عملیاتی نظیر عددی، دستکاری رنگ، عملیات مختلف بر روی رشته ها، بولی و عملیات مربوط به list را پشتیبانی می کند.
5
Parentheses
پرانتز که امکان مدیریت و تغییر ترتیب یا اولویت انجام عملیات را فراهم می آورد.
پرانتز که امکان مدیریت و تغییر ترتیب یا اولویت انجام عملیات را فراهم می آورد.
6
Functions
SassScript تعدادی تابع بسیار کاربردی تعبیه کرده و در اختیار توسعه دهنده قرار می دهد که در قالب دستور نحوی و سینتکس متعارف CSS به راحتی قابل استفاده و فراخوانی بوده و عملیات مورد نظر را (مانند ویرایش رنگ) انجام می دهد.
SassScript تعدادی تابع بسیار کاربردی تعبیه کرده و در اختیار توسعه دهنده قرار می دهد که در قالب دستور نحوی و سینتکس متعارف CSS به راحتی قابل استفاده و فراخوانی بوده و عملیات مورد نظر را (مانند ویرایش رنگ) انجام می دهد.
7
Interpolation
این extension به شما امکان می دهد که با استفاده از دستور (ساختار نگارشی و گرامری) #{ } متغیر و property های دلخواه را در selector ها و بستر کامنت های چند خطی بگنجانید.
این extension به شما امکان می دهد که با استفاده از دستور (ساختار نگارشی و گرامری) #{ } متغیر و property های دلخواه را در selector ها و بستر کامنت های چند خطی بگنجانید.
8
& in SassScript
It allows nesting of properties into another properties which leads to group of another related code.
این extension امکان تودرتوسازی property ها را فراهم می آورد و
It allows nesting of properties into another properties which leads to group of another related code.
این extension امکان تودرتوسازی property ها را فراهم می آورد و
9
Variable Defaults
این extension به توسعه دهنده امکان می دهد که چنانچه قبلا مقداری به متغیر تخصیص داده نشده باشد، با الحاق !default به انتهای آن، متغیر مورد نظر را مقداردهی کند. به عبارت دیگر اگر مقداری به متغیر تخصیص یافته باشد، دیگر مقداری به آن اختصاص نمی یابد، اما اگر از قبل مقداردهی نشده باشد، به واسطه ی این extension مقداری به صورت پیشفرض به آن انتساب می یابد.
این extension به توسعه دهنده امکان می دهد که چنانچه قبلا مقداری به متغیر تخصیص داده نشده باشد، با الحاق !default به انتهای آن، متغیر مورد نظر را مقداردهی کند. به عبارت دیگر اگر مقداری به متغیر تخصیص یافته باشد، دیگر مقداری به آن اختصاص نمی یابد، اما اگر از قبل مقداردهی نشده باشد، به واسطه ی این extension مقداری به صورت پیشفرض به آن انتساب می یابد.