Repository files navigation

Repositório de estilo do PO UI.

Esse repositório é usado para atualizar os estilos que devem ser utilizados como base por todos os projetosdo PO UI.

Antes de desenvolver um novo componente, verifique se o protótipo tem a especificação para os seguintes status:

• Enable
• Disable
• Static
• Hover
• Focus
• Active

Quando um componente não tem um destes estados, elenão deve ser desenvolvido.

1. Instale as dependênciasnpm install ouyarn

2. Fica observando alterações no projeto e recria o build do projeto em tempo de desenvolvimentonpm run watch ouyarn watch

   • Quando você deseja especificar um tema, é necessário adicionar-- --theme <nomedotema>

   Exemplo:npm run watch -- --theme green

   Nome do tema: é o sufixo relacionado ao arquivopo-theme-<sufixo>.css, localizado emsrc/app/css/themes;

3. Inicia o servidor (http-server) para testar o projetonpm run dev ouyarn dev

   • Utilizando onpm run watch e onpm run dev, a cada alteração, apenas dê o refresh na página para visualizar a mesma;

Outros scripts:

• Faz o build do projetonpm run build ouyarn build
  • Também é possível informar um tema específico adicionando-- --theme <nomedotema>

Siga asconvenções de nomenclatura abaixo:

O objetivo principal é continuar desenvolvendo os componentes, tornando-os mais simples de usar em qualquer projeto. O desenvolvimentodos estilos é aberto para todos os desenvolvedores e agradecemos aos desenvolvedores que contribuem com melhorias e correções de erros.

Leia abaixo para saber como você pode participar na melhoria dos estilos.

1. Crie um template HTML com o nome do componente emsrc/css/components
2. Crie um link emindex.html para redirecionar para o preview do componente
3. Crie uma pasta com o nome do componente emsrc/css/components
4. Crie um arquivocss com o nome do componente

Em desenvolvimento ...

Em desenvolvimento ...

Em desenvolvimento ...

Em desenvolvimento ...

InstalarSVGO para otimizar arquivos SVG.

$ [sudo] npm install -g svgo

Arquivos SVG precisam ser otimizados antes de serem adicionados ao projeto