Sass学习

Posted by Shen Chaoran on August 23, 2018

特性

  • 变量: $width: 10px
  • 计算功能: (14px)/2
  • 选择器嵌套:
  • 选择器样式的继承: @extend .className
  • 代码块重用: @mixin left($value: 10px){left: $value;}, @include left;, 而且可以指定参数和缺省值
  • 颜色计算函数: lighten(), darken(), grayscale(), complement()
  • 插入文件: @import 'style.scss'
  • 条件语句: @if, @else
  • 循环语句: @for, @while
  • 自定义函数: @function

参考