Solucionado (ver solução)
Solucionado
(ver solução)
1
resposta

Erro no @extend

Buenas! Estou encontrando um erro ao compilar o .scss utilizando o @extend como sugerido no vídeo.

Fiz o placeholder como mostrado e ao utilizar a linha de código

@extend %sombra-padrao;

ao compilar o console exibe o seguinte erro: Error: the target selector was not found. Use "@extend %sombra-padrao !optional" to avoid this error.

Tentei utilizar o !optional como sugerido pelo console, mas ele simplesmente ignora o erro e o código compila sem que haja mudanças no arquivo .css.

1 resposta
solução!

Fala aí Felipe, tudo bem? Bom, esse problema pode ocorrer por vários motivos, um deles (mais comum) é você tentar utilizar o placeholder antes de importá-lo, exemplo:

.meu-botao
    @extend %botao-padrao

Nesse caso, iria dar erro, pois ainda não foi feita a importação do arquivo onde encontra-se esse placeholder. Poderíamos resolver:

@import helpers/placeholders

.meu-botao
    @extend %botao-padrao

Espero ter ajudado.

Quer mergulhar em tecnologia e aprendizagem?

Receba a newsletter que o nosso CEO escreve pessoalmente, com insights do mercado de trabalho, ciência e desenvolvimento de software