Solucionado (ver solução)
Solucionado
(ver solução)
2
respostas

App.css não funciona!

Quis mudar a background-color da parte de cadastro de notas e inclui a cor no App.css como --bkg-color;

:root {
  --primaria: #58a4b0;
  --secundaria: #373f51;
  --secundaria-ativa: #cccccc;
  --fundo: #ffffff;
  --fundo-detalhes: #ececec;
  --bkg-color:#0F2537;
}

Porém, no arquivo css que estiliza o formulário ele não reconhece a variável --bkg-color, o css só reconhece como hex code. Por que isso está acontecendo?

.form-cadastro {
    flex-grow: 2;
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.3);
    z-index: 1; /*ordem do elemento em umma pilha de elementos*/
    min-height: 100vh;
    display: flex;
    flex-direction: column;
    padding: 12px 40px;
    background-color: #0F2537;
  }
2 respostas
solução!

Olá, Ricardo, tudo bem?

Você poderia postar seu código CSS utilizando a variável para que possamos entender por quê não está funcionando?

De qualquer forma, um código assim deveria funcionar para usar a variável bkg-color:

.form-cadastro {
    /* Estilos anteriores... */

    background-color: var(--bkg-color);
  }

Fico no aguardo!

Oi Antônio, então eu fechei o app e relancei com npm start e funcionou