當(dāng)你的電腦中安裝好 Ruby 之后,接下來就可以安裝 Sass 了。只需要在你的命令終端輸入一行命令即可。
1、通過命令安裝 Sass
打開電腦的命令終端,輸入下面的命令:
gem install sass
sass -v //查看版本是否安裝成功
gem update sass//更新到最新的sass版本
gem uninstall sass//卸載sass(不要點)
ws配置路徑:program:C:\Ruby23-x64\bin\sass.bat
mixin
@mixinalert($color:blue){color:$color;}.block{margin:10px;padding:20px;? @includealert(#fff);}
擴展繼承
.message{border:1pxsolid#ccc;padding:10px;color:#333;}.success{? @extend.message;border-color: green;}
運算
.a{width:100px+200px;}
顏色
$color1:red;.div{background: darken($color1,10%);}
$padding:10px5px10px5px;.div{padding:$padding;padding-left: nth($padding,2);}
$maps:(color:red,background:blue);.div{background:map-get($maps,background);}
@at-root.con{//跳出嵌套}
@functiondobule($cc){? @return$cc*2;}.ccc{width:dobule(5px);}
$aa:8;.c{content: #{$aa};}
$srceen:800;@if$srceen> 900{body{background: yellow;? }}@else{body{background: blue;? }}
@for$i from1to5{? .span#{$i}{? ? width:20% * $i;? }}
.#{content}{background: red;}