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)

}

相关推荐