aiolos 2015-03-09
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)
}