MaydeMacBook-Pro:~ may$ ruby -v
ruby 2.3.1p112 (2016-04-26 revision 54768) [x86_64-darwin15]
MaydeMacBook-Pro:~ may$ sudo gem install sass
ERROR: Could not find a valid gem 'sass' (>= 0) in any repository
ruby 2.3.1p112 (2016-04-26 revision 54768) [x86_64-darwin15]
MaydeMacBook-Pro:~ may$ sudo gem install sass
ERROR: Could not find a valid gem 'sass' (>= 0) in any repository
2016-05-12
混合:
··優(yōu) :可傳遞參數(shù)
··缺: 不會合并同樣式,
占位符和繼承(缺:多出基類)
個人認(rèn)為占位符會好用點,隨著你項目的多,有自己相對應(yīng)付的命名樣式;
如:1.我們要寫輪播的代碼 我們就可以通過占位寫進去,
其他height,width,就自己另寫,可以節(jié)省時間。
2.我們兼容的CSS3代碼 -webkit -no 等
··優(yōu) :可傳遞參數(shù)
··缺: 不會合并同樣式,
占位符和繼承(缺:多出基類)
個人認(rèn)為占位符會好用點,隨著你項目的多,有自己相對應(yīng)付的命名樣式;
如:1.我們要寫輪播的代碼 我們就可以通過占位寫進去,
其他height,width,就自己另寫,可以節(jié)省時間。
2.我們兼容的CSS3代碼 -webkit -no 等
2016-05-09
for(var i=1;i<$list.length;i++){ //寫成js就是這樣
.icon-#{nth($list,$i)}{ //插值做循環(huán)
background-postion: 0 -20px * $i;
}
}
//可以結(jié)合編譯結(jié)果思考一下,不懂的就。。。。
.icon-#{nth($list,$i)}{ //插值做循環(huán)
background-postion: 0 -20px * $i;
}
}
//可以結(jié)合編譯結(jié)果思考一下,不懂的就。。。。
2016-05-07
http://ruby.taobao.org/ 已經(jīng)不維護了
現(xiàn)在是http://rubygems-china.oss-cn-hangzhou.aliyuncs.com
現(xiàn)在是http://rubygems-china.oss-cn-hangzhou.aliyuncs.com
2016-05-05
$bodyWidth: 200px;
$bodyHeight: 300px;
body{
width: $bodyWidth;
height: $bodyHeight
}
$bodyHeight: 300px;
body{
width: $bodyWidth;
height: $bodyHeight
}
2016-05-05