SassError:未定义的混合

Question

我正在尝试使用此代码笔中的btn-9的scss将此类悬停动画添加到我的Angular项目中。但是，当我为 btn-9 类复制整个 SCSS 时，我得到以下错误：

• 在阴影和色调上，我在我的 IDE 中收到未知功能错误(网络风暴(
• 编译器抛出以下错误：./src/styles.scss (./node_modules/@angular-devkit/build-angular/src/angular-cli-files/plugins/raw-css-loader.js！(中的错误。/node_modules/postcss-loader/src？？嵌入式！。/node_modules/sass-loader/dist/cjs.js？？参考--15-3！./src/styles.scss( 模块构建失败(来自 ./node_modules/sass-loader/dist/cjs.js(： SassError：未定义的混合。 ╷ 5214 │ @include绝对值(0，空，空，0(;

这是我复制到我的styles.scss的代码：

.check-visa-status {
$btn-color: #FDC400;
$btn-color-dark: shade($btn-color, 40%);
color: tint($btn-color, 60%);
&:before,
&:after,
span:before,
span:after {
content: '';
@include absolute(0,null,null,0);
@include size(100%, 0);
background-color: rgba($btn-color-dark, 0.25);
transition: 0.4s ease-in-out;
}
&:after,
span:before {
top: auto;
bottom: 0;
}
span:before,
span:after {
transition-delay: 0.4s;
}
&:hover {
color: tint($btn-color, 75%);
&:before,
&:after,
span:before,
span:after {
height: $btn-height;
}
}
&:active {
background-color: $btn-color;
}
}

我还在按钮中添加了检查签证状态类

Answer 1

因为你需要 codePen 上不存在的absolute((mixin。