sass mixin

1、如何使用sass？

    安装ruby环境

    安装sass(gem install sass)

    编写scss文件test.scss

    使用命令sass test.scss  test.css 将scss文件编译成css

    在html里引入css文件

     

2、sass的mixin用法

通过@mixin命令定义一个函数，如下：

@mixin  radius($radius: 5px) {

    border-radius: $radius;（注：这里$radius是变量，sass里的变量都用$开头，5px是参数默认值）

}

 

3、然后使用@include命令调用函数，如下：

.class_1 {

@include radius(10px)

}