Solucionado
Podem verificar que eu importei no arquivo style, no print acima.
_footer.sass está nomeado da forma adequada, eu importei o arquivo _variables.scss adequadamente e ainda assim, não altera o footer como vou mostrar no print 3.
Print do navegador
Também estou com esse problema, a única diferença que criei uma posta a mais.
Pô, que estranho né. Vamos aguardar!
Viu, gostei que você criou a pasta assets, organiza melhor num geral.
Cara então, enfrentei mesmo problema, porém eu apenas continuei usando a extensão .scss e deixei o .SASS pra lá e deixei assim:
@import '../abstract/_variaveis.scss';
footer {
text-align: center;
font-size: $tamanho-do-texto;
border-top: 2px solid $cor-primaria;
margin-top: 1rem;
padding: 1.2rem;
background-image: linear-gradient(to left, $cor-secundaria, $cor-terciaria, $cor-secundaria);
i {
color: red;
}
}
Pois é Gustavo, vou fazer a msm coisa! mas confesso que queria saber porque não funcionou rss.
eu também queria saber mas como não gostei de trabalhar com o .SASS pois a sintaxe das coisas são diferentes, como: nao usar ; não precisar do { pra mim ia ser muita distração entre outras coisas. No meu plano de estudos não envolve SASS é apenas pela formação mesmo. Meu foco está no Tailwind.