Instrutor Guilherme Lima, seguir todas as orientações, testei as dicas no forum e arquivo footer.sass não funciona
import styles/abstract/_variaveis.css
Esse é o codigo: Ele compila só o alinhamento de texto, e o visual code apresenta erro pedindo { expected
footer
text-align: center
font-size: $tamanho-do-texto / 2
border-top: 2px solid $cor-primaria
margin-top: 1rem
padding: 1.2rem
@include bg-cores($cor-primaria, $cor-secundaria, $cor-terciaria, $cor-terciaria)
i
color: red
Oi Maria, tudo bem?
O curso foi gravado faz algum tempo e na documentação oficial, hoje em dia, eles desencorajam que continue utilizando o @import. Passe a utilizar o @use, porque não haverá vulnerabilidades e com o tempo o @import será descontinuado
Desta forma seu código em SASS ficará assim:
@use ''../abstract/_variaveis.scss'
footer
text-align: center
font-size: calc($tamanho-do-texto/2)
borde-top: 2px solid $cor-primaria
margin-top: 1rem
padding: 1.2remVocê pode ler mais aqui na documentação.
Um abraço e bons estudos.
Tive um problema similar, utilize
import styles\abstract\_variaveis.scssA diferença está apenas no " \ " no lugar do '/'. Pode parecer bobo mas fez diferença kk