Feature
Criação do arquivo de cores
Visual evidences :framed_picture:
Checklist
- [x] Issue linked
- [x] Build working correctly
- [x] Tests created
Additional info
**1. Encontrar a cor**
a. Vá ao figma desktop e clique no seu componente e ao lado direito aparecerá o código rgba da cor(se baseie no código e não na variável que aparecerá também, pois, algumas nomenclaturas foram alteradas com o passar do tempo e podem variar).
b. Vá ao arquivo **colors.scss** e encontre a variável correspondente ao código da cor encontrada no figma.
c. Siga o tutorial de utilização abaixo:
**2. Tutorial de utilização:**
a. Importar o arquivo colors.scss no seu componente
```@use '~styles/colors.scss' as colors;```
b. Na definição da cor do seu elemento, inclua ```colors.XXXX```, onde XXXX é a variável da cor escolhida, conforme exemplo abaixo:
```
.home {
background-color: colors.$primary100;
}
```
Obs: novas cores podem surgir no andamento do projeto, caso precise adicionar uma cor que não esteja no rol, pergunte ao designer em qual categoria ela se encaixaria e adicione no arquivo.
Closes #38
Feature
Criação do arquivo de coresVisual evidences :framed_picture:
Checklist
- [x] Issue linked - [x] Build working correctly - [x] Tests createdAdditional info
**1. Encontrar a cor** a. Vá ao figma desktop e clique no seu componente e ao lado direito aparecerá o código rgba da cor(se baseie no código e não na variável que aparecerá também, pois, algumas nomenclaturas foram alteradas com o passar do tempo e podem variar). b. Vá ao arquivo **colors.scss** e encontre a variável correspondente ao código da cor encontrada no figma. c. Siga o tutorial de utilização abaixo: **2. Tutorial de utilização:** a. Importar o arquivo colors.scss no seu componente ```@use '~styles/colors.scss' as colors;``` b. Na definição da cor do seu elemento, inclua ```colors.XXXX```, onde XXXX é a variável da cor escolhida, conforme exemplo abaixo: ``` .home { background-color: colors.$primary100; } ``` Obs: novas cores podem surgir no andamento do projeto, caso precise adicionar uma cor que não esteja no rol, pergunte ao designer em qual categoria ela se encaixaria e adicione no arquivo.