3
respostas

Meu css nao reconhece comandos

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

Html segue como o da aula .

Nova Transferência

  <div class="form-field">
    <label class="form-field_label" for="valor">Valor</label>
    <input class="form-field_input" id="valor" type="text">
  </div>

  <div class="form-field">
    <label class="form-field_label" for="destino">Destino</label>
    <input class="form-field_input" id="valor" type="text">
  </div>

  <div class="botao-wrapper">
  <button class="botao">Transferir</button>
</div>
</form>
3 respostas

Olá Michel, tudo bem?

A sintaxe que está aplicando é a do SCSS, mas o estilo do seu projeto é o CSS. O que pode ser feito é converter a folha de estilo do seu projeto para SCSS, para ficar semelhante ao do curso.

Para isso você precisa instalar uma dependência nova em sua aplicação Angular.

Abra um terminal do diretório raiz do seu projeto e uso o seguinte comando: npm i --save-dev schematics-scss-migrate

Com a dependência instalada execute o comando: ng g schematics-scss-migrate:scss-migrate

Você precisará informar qual folha de estilo está na sua aplicação e para qual deseja migrar seu projeto: Insira aqui a descrição dessa imagem para ajudar na acessibilidadeO comando irá renomear todas as folhas de estilo presentes na pasta src, alterar as styleUrls com a nova extensão dos arquivos, atualizará o esquema de estilo de componente no arquivo angular.json e renomear todas as referencias de style.css para style.scss.

Espero ter ajudado, bons estudos Michel.

Ola obrigado pelo retorno, porem continuo com o erro, e recebo o seguinte retorno que Não é um projeto CLI Angular válido

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

Tive que solucionar na mão mesmo cada campo, obrigado