未定义的mixin [英] Undefined mixin

问题描述

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

I'm using SASS to style a landing page but I am getting an error when I try to compile my sass into CSS. I receive an error that reads

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

error sass/modules/_buttons.sass (Line 11: Undefined mixin 'button-size'.)

这是此特定部分的代码

.btn显示:内联块font-weight:$ font-weight-normal行高:$ base-line-height文字对齐:居中字体大小:$ font-base垂直对齐:中间边框:$ border-width纯透明转换:$ btn-transitionborder-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

推荐答案

如果您遇到相同的问题，则必须先将main导入import在您的main.scss

hi if you have the same problem, you have to import your mixin first in your main.scss

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

mixin不能写在main.scss下面

the mixin can't be write below in the main.scss

这篇关于未定义的mixin的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！