未定义的混合

时间:2020-03-03 23:32:13

标签: css sass compiler-errors

我正在使用SASS设置目标网页的样式,但是在尝试将Sass编译为CSS时出现错误。我收到显示为

的错误

错误sass / modules / _buttons.sass(第11行:未定义的mixin “按钮大小”。)

这是此特定部分的代码

.btn display: inline-block font-weight: $font-weight-normal line-height: $base-line-height text-align: center font-size: $font-base vertical-align: middle border: $border-width solid transparent transition: $btn-transition border-radius: $border-radius +button-size($btn-padding-y, $btn-padding-x, $font-base, $border-radius) <-第11行

而实际的混合代码是

=button-size($btn-padding-y, $btn-padding-x, $font-base, $border-radius)
  padding: $btn-padding-y $btn-padding-x
  font-size: $font-base
  border-radius: $border-radius

1 个答案:

答案 0 :(得分:0)

嗨,如果您遇到相同的问题,则必须先将main导入mixin。

1. import 'utils/mixin' //contain all of my mixin
2. import 'other/css-thing'... //call the mixin above

mixin不能写在main.scss下面