就像用框架一样,全局引入scss后就可以直接在其他scss文件夹直接调用了,急急急?
//定位全屏
@mixin allcover{
position:absolute;
top:0;
right:0;
}
//定位上下左右居中
@mixin center {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
//定位上下居中
@mixin ct {
position: absolute;
top: 50%;
transform: translateY(-50%);
}
//定位上下居中
@mixin cl {
position: absolute;
left: 50%;
transform: translateX(-50%);
}
先把 scss 编译成 css,再引入css,不要直接引入 scss。
如果没有配置编译工具,可以试试在线转css的网站