sass基于Ruby
ruby的模块管理器叫gem 正规的安装方式是gem install sass
调用命令 sass sass文件 css文件
webpack编译sass
需要的模块 style-loader css-loader sass-loader node-loader
配置 与less一样
定义变量
$key:value
混合
定义@mixin 混合名称{}
使用@include混合名称{}
方法
@mixin fangfa ($a,$b,$c) {}
box{include fangfa(100px,200px,red)}
参数
与less一致
继承
@extend
if语句
@if(){} else if(){} else{}
for语句
@for form to
@for form through 会使用结束值
插值语法
#{变量名称}
引入文件
@import