Início / coding / Perguntas / 79177723
Accepted
Dev Scott
Asked: 2024-11-11 20:52:44 +0800 CST

SASS gera um erro ao compilar mixin com variável dinâmica

  • 772

Estou recebendo um erro quando tento compilar o código scss.

Isso é mixin.

@mixin border-radius($type) {
  @if $type == 'small' {
      $radius: .5rem;
  }
  @else {
     $radius: 1rem;
  }
  border-radius: $radius;

}

Aqui estou aplicando esta mistura aqui.

.hom_d1 {
  @include border-radius('small');
}

Estou preso neste erro e não sei como resolver.

SassError: Undefined variable.
   ╷
27 │     border-radius: $radius;

Mesmo com o $radiusdefinido, eu consegui isso.

node.js

1 respostas

  1. Best Answer

    O erro faz sentido. É porque a variável não é do escopo mixin. Apenas mova $radiuspara o nível mixin.

    @mixin border-radius($type) {
  $radius: 1rem; // Default value
  @if $type == 'small' {
      $radius: .5rem;
  }
  @else {
     $radius: 1rem;
  }
  border-radius: $radius;
}
    • 2

relate perguntas