這函數的意義就是不管你帶沒帶單位最后都給你一個單位,至于是什么單位,自己設置。可是實際開發中我們都是習慣了帶單位的,只有改單位的沒有說不帶單位的,只能說會玩這種函數的很高端
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