我不知道怎么用@mixin中的params

Question

我试着用夹子()和@mixin，我不能使用param。这是我的例子

$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>

另外，您可以在这个Codepen.io示例中查看一下。