[TOC]
> Sass中控制命令指的是@if、@each、@for和@while
## 1.@if--@else
~~~
@mixin v-h ($b:true){
@if $b {
display: block
}@else{
display: none;
}
}
.visible{
@include v-h;
}
.hide{
@include v-h(false)
}
~~~
## 2.@for
~~~
@for $i from <start> through <end>
@for $i from <start> to <end>
~~~
* $i 表示變量
* start 表示起始值
* end 表示結束值
~~~
//區別
這兩個的區別是關鍵字 through 表示包括 end 這個數，而 to 則不包括 end 這個數。
~~~
## @while
~~~
$i:12;
@while $i > 0 {
.col-#{$i} { width: 100%/12 * $i; }
$i: $i - 1;
}
~~~
## @each
~~~
$list:(width,height,margin-top,border);
@mixin whmb{
@each $key in $list {
#{$key}:20px;
}
}
div{
@include whmb();
}
~~~
