دوره جامع و پروژه‌محور طراحی وب با تمرکز روی JavaScript، Ajax و API! با طراحی ریسپانسیو و پروژه‌های حرفه‌ای مثل دیجی‌کالا و شمرون کباب مهارتت رو حرفه‌ای کن!
مشاهده بیشتر
با دوره رایگان "ساخت فریمورک CSS با Sass" حرفه‌ای شو! دیگه وقتشه کدهای شلوغ و تکراری رو کنار بذاری و فریمورک CSS اختصاصی خودتو بسازی. تو این دوره، از صفر تا صد Sass رو یاد می‌گیری و یاد می‌گیری چطور پروژه‌هات رو سریع‌تر و شگفت‌انگیزتر کنی!
مشاهده بیشترآموزش Sass – @-Rules and Directives
Sass علاوه بر پشتیبانی از تمامی @-rule های CSS3، تعداد زیادی دستور اختصاصی خود را در اختیار توسعه دهنده قرار می دهد که تحت عنوان directive شناخته می شوند. این دستورات تاثیرات مختلفی در Sass را دارند.
جدول زیر دستورات مختلف SASS را با ذکر شرح فهرست می کند.
S. No.
دستورات اختصاصی SASS و شرح کاربرد هر یک
1
import@
دستور جاری فایل های SASS یا SCSS را وارد/import پروژه می کند. این دستور برای وارد کردن فایل در پروژه اسم فایل مورد نظر را به عنوان پارامتر می پذیرد.
دستور جاری فایل های SASS یا SCSS را وارد/import پروژه می کند. این دستور برای وارد کردن فایل در پروژه اسم فایل مورد نظر را به عنوان پارامتر می پذیرد.
2
media@
دستور سبک دهی و تنظیم ظاهر (style rule) را بر روی انواع حالات نمایش یا type media تنظیم می کند.
دستور سبک دهی و تنظیم ظاهر (style rule) را بر روی انواع حالات نمایش یا type media تنظیم می کند.
3
extend@
این دستور به Sass اعلان می کند که یک selector باید تمامی style های selector مورد نظر را به ارث ببرد.به عبارت دیگر این امکان را فراهم می کند تا دستورات و رابطه ها را بین selector ها به اشتراک بگذارید.
این دستور به Sass اعلان می کند که یک selector باید تمامی style های selector مورد نظر را به ارث ببرد.به عبارت دیگر این امکان را فراهم می کند تا دستورات و رابطه ها را بین selector ها به اشتراک بگذارید.
4
at-root@
دستور حاضر این امکان را برای Sass فراهم می کند که دو یا چند rule (دستور سبک دهی) را بجای اینکه حتما در زیر selector میزبان درج کند، بتواند در ابتدای فایل (root) جایگذاری نماید (برای مثال این قابلیت را داشته باشد که یک قطعه کد style در بالای یا root فایل تعریف کند).
دستور حاضر این امکان را برای Sass فراهم می کند که دو یا چند rule (دستور سبک دهی) را بجای اینکه حتما در زیر selector میزبان درج کند، بتواند در ابتدای فایل (root) جایگذاری نماید (برای مثال این قابلیت را داشته باشد که یک قطعه کد style در بالای یا root فایل تعریف کند).
5
debug@
دستور debug@ خطاها را شناسایی کرده و مقادیر دستورهای SassScript را در خروجی نمایش می دهد (standard error output stream).
دستور debug@ خطاها را شناسایی کرده و مقادیر دستورهای SassScript را در خروجی نمایش می دهد (standard error output stream).
6
warn@
دستور حاضر مقادیر عبارات و دستورات SassScript را در خروجی (standard output stream) چاپ می کند. این دستور به کتابخانه ها کمک می کند تا کاربران را درباره ی دستورات منسوخ شده و بازگردانی یا برطرف کردن خطاهای جزئی مربوط به استفاده ی ناصحیح از mixin ها هشدار دهد.
دستور حاضر مقادیر عبارات و دستورات SassScript را در خروجی (standard output stream) چاپ می کند. این دستور به کتابخانه ها کمک می کند تا کاربران را درباره ی دستورات منسوخ شده و بازگردانی یا برطرف کردن خطاهای جزئی مربوط به استفاده ی ناصحیح از mixin ها هشدار دهد.
7
error@
دستور جاری مقدار عبارت SassScript را به عنوان خطای مهلک نمایش می دهد.
دستور جاری مقدار عبارت SassScript را به عنوان خطای مهلک نمایش می دهد.