sass

当你的电脑中安装好 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;}