$list:zip(1px 2px 1px, solid dashed dotted, red green pink);
@for $i from 1 through 3 {
.box-#{$i} {
border: nth($list,$i);
}
}
@for $i from 1 through 3 {
.box-#{$i} {
border: nth($list,$i);
}
}
2017-09-11
ceil(1em / 5px) 的計算結果為 1em/px 但這結果并不符合CSS語法 所以不予輸出 那么我想sass提供這種計算方式有何意義呢? 難道是要準備內部自己調用再次復合計算的意思嗎?
2017-09-11
content: quote("hi,\"Danny\""); 試試這個看輸出!哈哈哈哈哈哈
2017-09-11
@for $i from 1 through 12{
.col-#{$i} {
width: 100/12*$i + "%";
}
}
.col-#{$i} {
width: 100/12*$i + "%";
}
}
2017-09-10
.btn{
text: map-keys($newmap);
text2: map-values($newmap);
link: map-get($newmap,link);
}
編譯結果:
.btn {
text: text, link, border, backround, font-size, line-height;
text2: #f36, #f63, #ddd, #fff, 12px, 1.6;
link: #f63;
}
text: map-keys($newmap);
text2: map-values($newmap);
link: map-get($newmap,link);
}
編譯結果:
.btn {
text: text, link, border, backround, font-size, line-height;
text2: #f36, #f63, #ddd, #fff, 12px, 1.6;
link: #f63;
}