首页 > Web开发 > 详细

scss混入,@mixin与@include

时间:2021-02-18 15:03:40      阅读:69      评论:0      收藏:0      [点我收藏+]

定义一个混入:
@mixin flex{
display: flex;
justify-content:space-between;
align-items: center;
flex-direction: row;
}
使用混入:
.flight {
@include flex;
box-sizing: border-box;
}
--------------------------------
//向混入传递变量

定义一个混入:
$center:center;
@mixin flex($vertical:$center) {
display: flex;
align-items: $vertical;
}
使用混入:
.flight {
@include flex(left);
box-sizing: border-box;
}

scss混入,@mixin与@include

原文:https://www.cnblogs.com/qiu-tian/p/14410979.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!