Entrar Ainda não tem acesso?
Solucionado (ver solução)
Solucionado
(ver solução)
4
respostas

[Dúvida] Não funcionou

Referente ao curso SASS e CSS: estilizando um site, no capítulo Estilizando com @extend e Parent Selector e atividade Construindo os cards com @extend e Parent Selector

por Thalita Noemi Mendes de Souza
| 36.9k xp | 14 posts
Fotógrafa

Fiz o que foi ensinado na aula e até tentei fazer a solução de outro tópico aqui do fórum, mas mesmo assim não resolveu

@use '../abstract/variaveis';
@use '../abstract/mixins';

#servico{
    background: variaveis.$gradiente-primario;
    .cards{
        @include mixins.margem-central(80%);
        display: flex;
    }
}
4 respostas
por Mike de Sousa
| 895.4k xp | 1479 posts
Alura Scuba Team Suporte Educacional

Olá, Thalita! Tudo bem?

Parece que o seu código está bem alinhado com o que foi ensinado na aula. No entanto, vamos verificar alguns pontos que podem estar causando o problema:

  1. Verifique os Caminhos dos Arquivos: Certifique-se de que os caminhos para os arquivos _variaveis.scss e _mixins.scss estão corretos. Às vezes, um erro de caminho pode impedir que as variáveis e mixins sejam carregados corretamente.

  2. Nomes das Variáveis e Mixins: Confirme se os nomes das variáveis e mixins estão corretos e se eles realmente existem nos arquivos que você está importando. Por exemplo, verifique se $gradiente-primario e margem-central estão definidos corretamente.

  3. Compilação do SCSS: Tenha certeza de que o SCSS está sendo compilado corretamente para CSS. Verifique se o plugin está ativo e funcionando sem erros.

  4. Verifique o HTML: Certifique-se de que a estrutura HTML está correta e que as classes correspondem às que você está estilizando no SCSS. Por exemplo, verifique se a estrutura de .cards e .card está presente no HTML.

  5. Console do Navegador: Abra o console do navegador para ver se há algum erro de CSS que possa estar impedindo o estilo de ser aplicado.

Se ainda assim nada funcionar, você poderia me fornecer o código do seu projeto? Se puder, envie pelo GitHub, assim consigo ter acesso a todo o projeto e te ajudar de forma mais precisa.

Espero ter ajudado!

Siga firme nos seus estudos e conte com o fórum sempre que precisar!

Abraços :)

Caso este post tenha lhe ajudado, por favor, marcar como solucionado
por Thalita Noemi Mendes de Souza
| 36.9k xp | 14 posts
Fotógrafa

Oi Mike,

Revisei todo o material, mas ainda não consegui identificar o problema. Se puder dar uma olhada no código no GitHub, eu agradeceria muito!

https://github.com/thalitanoemii/calmaria-spa

solução!
por Mike de Sousa
| 895.4k xp | 1479 posts
Alura Scuba Team Suporte Educacional

Oi, Thalita.

Pelo que eu vi aqui, faltou importar o _servicos.scss no style.scss. Fazendo a importação com o @use o código funciona direitinho:

@use './abstract/root';

@use './components/header';
@use './components/nosso-espaco';
@use './components/servicos';  // Adicione essa linha no código

Faça o teste e me retorne por favor, fico no aguardo :)

por Thalita Noemi Mendes de Souza
| 36.9k xp | 14 posts
Fotógrafa

Era isso mesmo, Mike. Muito obrigada!!!