日常生活的交流与学习

首页 新随笔 联系 管理
sass_learn_youtube_mixin_extend

vscode中的live sass complier插件

img

文件分离

  1. 第四行,导入_header.sass文件

img

mixin

  1. 将重复使用的flexCenter作为一个mixin抽离出来,类似函数
  2. 一到五行,mixin;第十行,使用

img

mixin传参

  1. $direction

img

img

img

继承extend

img

继承之后可以重写覆盖

img

posted on 2023-03-12 17:06  lazycookie  阅读(11)  评论(0)  编辑  收藏  举报