css - scss按不同条件导入变量

Question

我想从Card.scss导入变量，但一直报错:

Undefined variable: "$card-width".

如何正确导入变量？

卡片.scss

@mixin small-card {
  $card-width: 100px;
  $card-height: 200px;
}
@mixin big-card {
  $card-width: 300px;
  $card-height: 600px;
}

TypeACard.css

@import '../../Card.scss';
@include small-card;
.card {

  width: $card-width;
  height: $card-height;
}

TypeBCard.css

@import '../../Card.scss';
@include big-card;

Answer 1

更改为@import '../../Card.scss';

如果仍然无法正常工作，则目录很可能是错误的，祝你好运。