这是我的网站结构截图。
在我的mixin文件中,我已经创建了所有必要的Sass Mixin。
我为边框半径创建了这个mixin:
@mixin border-radius($radius) {
-webkit-border-radius: $radius;
-moz-border-radius: $radius;
-ms-border-radius: $radius;
-o-border-radius: $radius;
border-radius: $radius;
}
现在当我在模块文件夹中的_button.scss中为我的按钮类使用它时,我会遇到未定义变量错误。然而,当我在_button.scss文件本身中使用相同的mixin时,我不会遇到任何错误。
在我的_button.scss文件中,我已将mixin包含如下:
button{
background-color: $theme-color;
border: 0px solid;
padding: 0.7rem 3rem;
@include border-radius(2rem);
}
问题是什么?我想将所有的Mixin放在一个单独的文件中,以保持结构的整洁。