1
resposta

[Dúvida] Cor do span

Não consegui alterar a cor no span. E tambem a imagem não alterou de tamanho nem o texto ficou alinhado. Não sei o q fiz de errado já analisei varias vezes e nao encontro o erro.

#home{
        max-width: 1040px;
        width: 80%;
        margin: 0 auto;
        display: flex;
        align-items: center;
        justify-content: space-between;
        .textos-home{
            max-width: 464px;
            h1{
                font-size: 42px;
                color: $cor-primaria;
                margin-bottom: 2rem;
                font-family: $ft-titulos;
                span{
                    color: $cor-segundaria;
                }
            }
        }
        .img-home{
            max-width: 474px;
            img{
                width: 100%;
            }
        }
    }
    
1 resposta

Oi Etiene! Tudo ok contigo?

Bom eu não tenho as variáveis aqui para testar, mas acredito, que o problema é bem simples, você só escreveu a variável errada.

Eu testei o seu código aqui no meu projeto e o arquivo quando eu salvei me gerou esse erro no console:

Change detected - 12/13/2023, 3:42:35 PM
styles.scss
--------------------
Compilation Error
Error: Undefined variable.
   ╷
60 │                     color: $cor-segundaria;
   │                            ^^^^^^^^^^^^^^^
   ╵

Ou seja, o problema era a variável que ele não reconhecia, isso porque eu copiei a variável da aula, e na aula ela foi declarada assim:

$cor-secundaria: #4e75ff;

E como você pode ver, a variável está declarada como "cor-secundaria", com c, e você escreveu "cor-segundaria" com g, então ele não reconheceu a variável.

Dessa forma é só mudar a chamada de variável para como ela foi declarada, ou mudar a declaração para como você está chamando ela no código.

Era isso, se não resolver o problema, peço que compartilhe o código SCSS completo para que eu possa tentar ajudar melhor.

Estarei por aqui! Espero ter ajudado.

Abraços e bons estudos.

Caso este post tenha lhe ajudado, por favor marque ele como solução! ✓