这函数的意义就是不管你带没带单位最后都给你一个单位,至于是什么单位,自己设置。可是实际开发中我们都是习惯了带单位的,只有改单位的没有说不带单位的,只能说会玩这种函数的很高端
2017-02-28
.foot{
width:unit(10em * 20px);
}
.foot {
width: "em*px"; }
这是最没瘠薄意义的,属性要的是具体的数值
width:unit(10em * 20px);
}
.foot {
width: "em*px"; }
这是最没瘠薄意义的,属性要的是具体的数值
2017-02-28
$nima: blue green yellow gold;
$wocao: deepblue orange woqu;
.foo{
background-color:join(blue,(red orange),space)
}
$wocao: deepblue orange woqu;
.foo{
background-color:join(blue,(red orange),space)
}
2017-02-28
.foo{
border-bottom:nth(border-bottom (4px solid blue) black,2)
}
border-bottom:nth(border-bottom (4px solid blue) black,2)
}
2017-02-28
@mixin containue($bool){
p{
width:if($bool,8em,20em);
}
}
@include containue(false);
p{
width:if($bool,8em,20em);
}
}
@include containue(false);
2017-02-25
为了结构性的完整,因为谁都不想在维护的时候,同一块的样式代码在几个地方显示。就2楼的例子很好的诠释了,如果动画的设定嵌套在里面,这样维护起来比写在外面好看的多。
2017-02-23
@debug 在 Sass 中是用来调试的,当你的在 Sass 的源码中使用了 @debug 指令之后,Sass 代码在编译出错时,在命令终端会输出你设置的提示 Bug:
@debug 10em + 12em;
会输出:
Line 1 DEBUG: 22em
@debug 10em + 12em;
会输出:
Line 1 DEBUG: 22em