erro ao criar o _footer.sass | SASS: CSS sintaticamente espetacular

4
respostas

Referente ao curso SASS: CSS sintaticamente espetacular, no capítulo Input, Footer e SASS e atividade O SASS

por Nathalia Fernandes Rebouças

| 141.9k xp | 36 posts

O erro que aparece no live sass é o seguinte: Compilation Error Error: expected selector. ╷ 1 │ import styles/abstract/_variaveis.scss

Eu já tentei fazer o que todos tópicos anteriores, desse tema, sugeriram e nada funcionou. Já coloquei o @ no import já testei todos os tipos de caminhos possíveis. No momento o meu código está exatamente como instruído pelo professor.

Se alguém puder me ajudar eu agradeço.

import styles/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.2rem

4 respostas

por Diego Righi

| 212.4k xp | 15 posts

Engenheiro de Software SR

04/02/2023

Olá Nathalia. O vídeo foi gravado há algum tempo e na documentação oficial eles desencorajam que continue utilizando o @import. Prefira utilizar o @use, pois não há vulnerabilidades e gradualmente 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.2rem

Fonte: https://sass-lang.com/documentation/at-rules/import