یه تابستون متفاوت با یه تصمیم هوشمندانه! دوره هوش مصنوعی با تخفیف ویژه، فقط با کد AI84 دوره هوش مصنوعی با تخفیف ویژه، فقط با کد AI84
🎯 ثبت نام
بستن تبلیغات
دوره طراحی سایت حرفه‌ای با پروژه واقعی!

دوره جامع و پروژه‌محور طراحی وب با تمرکز روی JavaScript، Ajax و API! با طراحی ریسپانسیو و پروژه‌های حرفه‌ای مثل دیجی‌کالا و شمرون کباب مهارتت رو حرفه‌ای کن!

مشاهده بیشتر
دوره آموزش ساخت CSS Framework ( با SASS )

با دوره رایگان "ساخت فریمورک CSS با Sass" حرفه‌ای شو! دیگه وقتشه کدهای شلوغ و تکراری رو کنار بذاری و فریمورک CSS اختصاصی خودتو بسازی. تو این دوره، از صفر تا صد Sass رو یاد می‌گیری و یاد می‌گیری چطور پروژه‌هات رو سریع‌تر و شگفت‌انگیزتر کنی!

مشاهده بیشتر

آموزش استفاده از دستور warn در Sass

آموزشSass - استفاده از دستور @warn

دستور @warn مقدار (نتیجه) دستور SassScript را در خروجی نمایش می دهد (standard error output stream). این دستور را به ویژه کتابخانه هایی استفاده می کنند که لازم است کاربران را درباره ی دستورات منسوخ شده یا بازیابی از یک مشکل به علت خطای جزئی که در اثر استفاده ی ناصحیح از mixin رخ داده است، هشدار دهد. دستور @warn با @debug دو تفاوت عمده دارد که در زیر به شرح آن ها می پردازیم:

  1. می توانید در صورت تمایل هشدارها را با استفاده از پارامتر --quiet در خط فرمان یا :quiet در Sass غیرفعال نمایید.
  2. اطلاعات اجرای فایل 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) اجرا نمایید.
آموزش Sass
1396/06/14 1864 702
رمز عبور : tahlildadeh.com یا www.tahlildadeh.com
نظرات شما

نظرات خود را ثبت کنید...