error sass: mixin indefinido. No se pudo resolver el error

0

Estoy intentando crear una página web con descaro. Tengo un archivo _mixins.scss donde he escrito:

@mixin gradient{
background: background(//etc);
}

y un archivo _navbar.scss de clase parcial donde defino un .menu de clase e intento usar el mixin: @use '../custom' as *;

.menu{
  @include gradient
  li {
        padding: 0 0.7rem;

    a{
        color: $white !important
         text-transform: capitalize;
      }

      }

}

En el código de Visual Studio, intellisense no tiene ningún problema con las declaraciones @include, @mixin y @use. Presionando "ctrl + clic" en @use apunta al archivo correcto. Estoy ejecutando "npm run compile: sass" en una ventana de Gitbash, y scss se está compilando bien. El archivo html tiene un enlace a la hoja de estilo en style.css, el archivo donde sass compila el código .scss. Todo parece estar conectado y, de hecho, todo hasta ahora ha funcionado bien hasta que intenté usar un mixin. Busqué en Google el problema, miré preguntas similares aquí y no puedo encontrar una manera de resolverlo.

1
  • Falta un punto y coma después de la inclusión @include gradient;, falta un segundo después de la colordeclaración ... ¿Y qué es background: background()? 14 de oct a las 7:09