Scss sass


http://www.ruanyifeng.com/blog/2012/06/sass.html
scss 声明:
1,$blue : #1875e7;
2,
.class1 {
    border: 1px solid #ddd;
}
3,
@mixin left ($value: 10px){
    float: left;
    margin-left: $value;
  }

附值:
1,color:$blue
1.1,border-#{$side}-radius
2, 
.class2 {
    @extend .class1;
    font-size:120%;
  }
3,div {
    @include left(20px);
  }

  @mixin rounded($vert, $horz, $radius: 10px) {
    border-#{$vert}-#{$horz}-radius: $radius;
    -moz-border-radius-#{$vert}#{$horz}: $radius;
    -webkit-border-#{$vert}-#{$horz}-radius: $radius;
  }
 #navbar li { @include rounded(top, left); }
#footer { @include rounded(top, left, 5px); }

@function double($n) {
    @return $n * 2;
  }
  #sidebar {
     double(5px);
  }

原文地址:https://www.cnblogs.com/jayruan/p/5324745.html