مشخصات مقاله
-
1046
-
0.0
-
2676
-
0
-
0
آموزش کار با دستور حلقه ی while در 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;
}