Estou tentando usar um mixin que está no arquivo VARIAVEIS.SCSS, quando eu tento usar ele no meu arquivo HEADER.SCSS, aparece a seguinte mensagem; "Compilation Error Error: Undefined mixin. ╷ 22 │ @include botao (variaveis.$cor-primaria,variaveis.$cor-destaque); │ ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ ╵ d:\Programação\Meus Projetos\advocacia\root\sections_header.scss 22:9 @use d:\Programação\Meus Projetos\advocacia\style.scss 3:1 root stylesheet "
minhas variáveis e o mixin é esse;
$cor-primaria: #0D0D0D;
$cor-secundaria: #000000;
$cor-texto: #ffffff;
$cor-destaque: #BDA86C;
$cor-botao: #302a344d;
//Fonte
$fonte-principal: 'Josefin Sans', sans-serif;
//Mixins
@mixin botao($fundo, $fonte-color) {
background: $fundo;
color: $fonte-color;
border: 2px solid variaveis.$cor-destaque;
}
o código como está no HEADER.CSS ao tentar utilizar;
@use '../variaveis';
.container__apresentacao {
**dentro desse container tem outros códigos, que náo estão interferindo no funcionamento, por isso decidi apagar.**
a {
@include botao (variaveis.$cor-primaria, variaveis.$cor-destaque);