我不能以某种方式在@mixin 中使用参数

Question

我正在尝试将 clamp() 与 @mixin 一起使用，但我不能使用参数..这是我的示例

$a: 1.75rem;
$b: 3vw;
$c: 2.21rem;

@mixin fluid-txt($min-size, $scaler, $max-size){
  font-size: clamp($min-size, $scaler, $max-size);
}

h1 {
  @include fluid-txt($a, $b, $c) <--- this one no work
  @include fluid-txt(1.75rem, 3vw, 2.21rem) <--- this one works
}

Answer 1

尝试改变这个

$a: 1.75rem;
$b: 3vw;
$c: 2.21rem;

到

@a: 1.75rem;
@b: 3vw;
@c: 2.21rem;

还有这个

@include fluid-txt($a, $b, $c)

到

@include fluid-txt(@a, @b, @c)

Answer 2

必须在mixin中封装变量：

$a: 1.75rem;
$b: 3vw;
$c: 2.21rem;

@mixin fluid-txt($min-size, $scaler, $max-size){
  font-size: clamp(#{$min-size}, #{$scaler}, #{$max-size});
}

h1 {
  @include fluid-txt($a, $b, $c);
  // @include fluid-txt(1.75rem, 3vw, 2.21rem);
}

<h1>Test text</h1>

Also, you can take a look in this Codepen.io example.

我不能以某种方式在@mixin 中使用参数

I can't use params in @mixin somehow

css

sass