$col-width: 60px;
$col-gap: 20px;
@for $i from 1 through 12 {
.col-#{$i}{
width:$col-width + $col-gap*($i - 1);
}
}
$col-gap: 20px;
@for $i from 1 through 12 {
.col-#{$i}{
width:$col-width + $col-gap*($i - 1);
}
}
2015-10-15
$list: twitter,facebook,github,weibo;
@for $i from 1 through length($list){
.icon-#{nth($list,$i)}{
background-postion: 0 -20px * $i;
}
}
@for $i from 1 through length($list){
.icon-#{nth($list,$i)}{
background-postion: 0 -20px * $i;
}
}
2015-10-15
$container: 960px;
$sidebar-width: 220px;
$gap-width: 20px;
.content{
width: $container - $sidebar-width - $gap-width;
float: left;
}
$sidebar-width: 220px;
$gap-width: 20px;
.content{
width: $container - $sidebar-width - $gap-width;
float: left;
}
2015-10-15
$content:"Hello" + " "+"Sass!";
.box:before{
content:"#{$content}";
}
$a:Hello;
$b:"Sass!";
.c {
content:"#{$a + $b}";
content: "" + $a + $b
}
.box:before{
content:"#{$content}";
}
$a:Hello;
$b:"Sass!";
.c {
content:"#{$a + $b}";
content: "" + $a + $b
}
2015-10-08
$baseLineHeight: 1.5 !default;
$baseLineHeight: 2;
body{
line-height: $baseLineHeight;
}
也可以,有什么差別嗎?求具體一點
$baseLineHeight: 2;
body{
line-height: $baseLineHeight;
}
也可以,有什么差別嗎?求具體一點
2015-10-08