@mixin border{
$index:1;
@each $var in zip(1px 2px 3px,solid dashed dotted,green blue red){
.border#{$index}{
border:$var;
}
$index:$index+1;
}
}
@include border;
$index:1;
@each $var in zip(1px 2px 3px,solid dashed dotted,green blue red){
.border#{$index}{
border:$var;
}
$index:$index+1;
}
}
@include border;
2016-09-27
最赞回答 / 慕粉3805039
可能在SCSS中,.error { border: 1px #f00; background-color: #fdd;}.error.intrusion { background-image: url("/image/hacked.png");}是等价与.error { border: 1px #f00; background-color: #fdd; .intrusion { background-image: url("/image/hacked.png"); }}的.seri...
2016-09-19
/* col-1 ~ col-12 */
@for $i from 1 through 12 {
.col-#{$i}{width:1/12 * $i * 100%;}
}
@for $i from 1 through 12 {
.col-#{$i}{width:1/12 * $i * 100%;}
}
2016-09-12
把一个数变成百分比,挺重要的一个函数啊!为什么会觉得没有用呢?比如你想让某一列占屏幕的1/12,就可以通过percentage将它变成一个百分数
2016-09-10