A fim de organizar a estrutura do front-end da aplicação, optamos por utilizar a segmentação dos arquivos de estilo de acordo com sua utilização no desenvolvimento. Por exemplo, tudo que for estilo de botão, está no arquivo _buttons.scss e posteriormente esse arquivo é chamado em um arquivo principal (_main.scss) que contém todos os estilos criados. Isso facilita muito na edição e criação de estilos, já que é fácil de encontrar e modificar o que for necessário somente por saber de que parte da aplicação se trata.
Tela com exemplo de um arquivo scss |
Uma outra feature que facilita muito o desenvolvimento é a possibilidade de criação de cores indexadas, onde setamos uma variável com a cor desejada e podemos utilizar essa cor em todo o projeto e , caso seja necessário no meio ou fim do projeto, a mudança dessa cor, basta trocar no arquivo onde a variável foi criada.
Tela do _main.scss |
Nenhum comentário:
Postar um comentário