1
resposta

Duvidas de onde posso utilizar o @extend

Na aula Estilizando o formulário você faz uso do @extend algumas vezes e uma delas, que foi na classe btn, você disse que acha que o motivo de não ter funcionado era por que não estava no mesmo escopo, mas não fez muito sentido, pois estilizando a label você faz uso do @extend da classe infos que está fora do escopo da classe form-group e deu certo.

Queria saber o porquê não deu certo aqui .btn{ @extend input; } ????

Insira aqui a descrição dessa imagem para ajudar na acessibilidade

1 resposta

O uso do @extend é uma maneira de reutilizar as propriedades de um seletor em outro. Isso pode ser útil para evitar repetição de código e manter o estilo consistente em vários elementos.

o problema pode ser relacionado à estrutura do seu código ou à disponibilidade do seletor no momento da compilação.

A razão pela qual funcionou para a classe .infos pode estar relacionada ao momento em que a classe infos é definida no código em comparação com a classe .form-group.

Pra garantir que o @extend funcione conforme o esperado,vc precisa ver se:

O seletor que você está tentando estender (input) está definido antes do seletor que usa @extend (btn) no código SASS. Ambos os seletores estão no mesmo escopo ou, se estão em escopos diferentes, esses escopos estão corretamente aninhados.

VE se o seletor que vc eá tentando estender tá definido no momento em que vc tenta estender tuas propriedades.