1
resposta

Usando SCSS com Material Design

Estou tentando utilizar o SCSS mas não estou conseguindo usar junto com o Angular Material, tem alguma restrição? Criei um HTML simples como uma tela com um card e três botões, dois dentro do card e um fora. Tenho uma variável declarada da seguinte forma $mat-principal-primary onde tem uma faixa de cores com as cores em hexa, da seguinte forma: $mat-principal-primary: ( 50 : #e6f0fd, 100 : #c1d9fa, 200 : #97c0f6, 300 : #6da6f2 ) Mas quando vou passar no HTML não consigo colocar a cor desejada, por exemplo no botão:

Como passar as cores de forma correto nos elementos?

1 resposta

Fala ai Larissa, tudo bem? Você está tentando importar as variáveis da Material dentro da sua arquitetura e arquivos .scss? Se sim, dá uma olhada nesse link: https://material.angular.io/guide/theming-your-components

Nele é explicado como importá-la e utilizá-la o tema em seus próprios componentes.

Espero ter ajudado.

Quer mergulhar em tecnologia e aprendizagem?

Receba a newsletter que o nosso CEO escreve pessoalmente, com insights do mercado de trabalho, ciência e desenvolvimento de software