@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