دوره جامع و پروژهمحور طراحی وب با تمرکز روی JavaScript، Ajax و API! با طراحی ریسپانسیو و پروژههای حرفهای مثل دیجیکالا و شمرون کباب مهارتت رو حرفهای کن!
مشاهده بیشتر
با دوره رایگان "ساخت فریمورک CSS با Sass" حرفهای شو! دیگه وقتشه کدهای شلوغ و تکراری رو کنار بذاری و فریمورک CSS اختصاصی خودتو بسازی. تو این دوره، از صفر تا صد Sass رو یاد میگیری و یاد میگیری چطور پروژههات رو سریعتر و شگفتانگیزتر کنی!
مشاهده بیشترآموزش Sass – کار با دستور کنترلی/حلقه ی while@
دستور کنترلی while@ یک عبارت یا دستور SassScript را به عنوان پارامتر گرفته و دستورات style دهی تعریف شده در بدنه را به تعداد دفعات معینی تا زمانی که شرط خاصی برقرار است تکرار می کند. گفتنی است که حلقه ی while@ از for@ به مراتب بهتر بوده و انعطاف پذیری بیشتری دارد. برای مثال در for@ پس از هر گام اجرا، یک واحد به شمارنده اضافه می شود ولی این را در while می توان خود مدیریت کرده و بجای اینکه فقط یک واحد به شمارنده اضافه کرد، دو واحد مقدار آن را بالا برد.
$i: 6;
@while $i > 0 {
.item-#{$i} { width: 2em * $i; }
$i: $i - 2;
}
پس از کامپایل به کد زیر تبدیل می شود:
.item-6 {
width: 12em;
}
.item-4 {
width: 8em;
}
.item-2 {
width: 4em;
}