
دوره جامع و پروژهمحور طراحی وب با تمرکز روی JavaScript، Ajax و API! با طراحی ریسپانسیو و پروژههای حرفهای مثل دیجیکالا و شمرون کباب مهارتت رو حرفهای کن!
مشاهده بیشتر
با دوره رایگان "ساخت فریمورک CSS با Sass" حرفهای شو! دیگه وقتشه کدهای شلوغ و تکراری رو کنار بذاری و فریمورک CSS اختصاصی خودتو بسازی. تو این دوره، از صفر تا صد Sass رو یاد میگیری و یاد میگیری چطور پروژههات رو سریعتر و شگفتانگیزتر کنی!
مشاهده بیشترمشخصات مقاله
آموزش استفاده از دستور warn در Sass
آموزشSass - استفاده از دستور @warn
دستور @warn مقدار (نتیجه) دستور SassScript را در خروجی نمایش می دهد (standard error output stream). این دستور را به ویژه کتابخانه هایی استفاده می کنند که لازم است کاربران را درباره ی دستورات منسوخ شده یا بازیابی از یک مشکل به علت خطای جزئی که در اثر استفاده ی ناصحیح از mixin رخ داده است، هشدار دهد. دستور @warn با @debug دو تفاوت عمده دارد که در زیر به شرح آن ها می پردازیم:
- می توانید در صورت تمایل هشدارها را با استفاده از پارامتر --quiet در خط فرمان یا :quiet در Sass غیرفعال نمایید.
- اطلاعات اجرای فایل stylesheet یا stylesheet trace همراه با پیغام های مربوطه در خروجی چاپ می شود تا بدین وسیله کاربر متوجه شود که کدام دستور style دهی در فایل stylesheet سبب رخ داد خطا شده است:
نمونه ای از استفاده ی کاربردی از دستور @warn:
1 2 3 4 5 6 7 8 9 10 11 12 | @mixin adjust-location( $x , $y ) { @ if unitless( $x ) { @warn "Assuming #{$x} to be in pixels" ; $x : 1px * $x ; } @ if unitless( $y ) { @warn "Assuming #{$y} to be in pixels" ; $y : 1px * $y ; } position: relative; left: $x ; top: $y ; } <button></button> |
مثال کاربردی
در زیر یک فایل stylesheet که با پسوند .scss ذخیره شده و مشابه فایل css می باشد را مشاهده می کنید.
1 2 3 4 | warn.scss $main -color: #bdc3c7; @warn "Darker: " darken( $main -color, 30%); <button></button> |
شما می توانید با اجرای دستور زیر به Sass فرمان دهید که بر روی محتوای فایل SASS نظارت داشته و هرگاه تغییری در این فایل رخ داد، CSS متناظر را نیز بروز رسانی کند.
1 | sass --watch C:\ruby\lib\sass\warn.scss:warn.css<button></button> |
در نتیجه ی اجرای دستور فوق، فایل warn.css به صورت خودکار تولید می شود. حال هر زمان که تغییری در فایل SCSS ایجاد می کنید، فایل warn.css نیز به صورت اتوماتیک بروز رسانی می شود.
خروجی
جهت مشاهده ی خروجی مراحل زیر را به ترتیب دنبال نمایید:
- کد بالا را در فایل warn.scss ذخیره نمایید.
- دستور خط فرمان بالا را در پنجره ی فرمان (cmd) اجرا نمایید.
