我希望有一个.scss
文件,其中包含所有其它.scss
文件所需的一些变量。但是这样做会导致我的.scss
样式在所有.scss
文件中重复出现:
global.scss - 我的全局变量和样式文件
$white: #FFF;
$black: #000;
$bg_red: red;
.mt30 {
margin-top: 30px;
}
header.scss - 我想在这个文件中使用全局变量和样式。
@include "global"
.foo {
width: 100px;
height: 50px;
backgrounnd-color: $bg_red;
}
main.scss - 我也想在这个文件中使用全局变量和样式。
@include "global"
.boo {
width: 100px;
height: 50px;
backgrounnd-color: $white;
}
但是每个最终的.css
文件都有来自global.scss的样式。因此我页面上有几个.mt30
样式。如何避免这种情况?