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)
}
相关推荐
RedCode 2020-10-28
teresalxm 2020-06-05
沈宫新 2020-05-28
dazhifu 2020-05-19
buttonChan 2020-05-10
nicepainkiller 2020-02-23
vavid 2020-02-15
tianzyc 2020-02-01
nicepainkiller 2020-01-29
dazhifu 2020-01-25
CaiKanXP 2020-01-08
葉無聞 2019-12-30
waterv 2019-12-27
福叔 2019-12-27
swiftwwj 2019-12-27
MaureenChen 2019-12-26