@govbr-ds/utilities

4.0.0-next.1 • Public • Published

Utilitários do Design System

Este é o repositório de utilitários para os projetos GOVBR-DS.

Tecnologias

Esse projeto é desenvolvido usando:

Dependências

As principais dependências do projeto são:

  1. Tokens de Design
  2. Core do Design System

Como usar os utilitários em seu projeto?

Instalação

  • Baixe o pacote de utilitários CSS usando o comando: npm install --save @govbr-ds/utilities-css;
  • Carregue o CSS no seu projeto.

Exemplo CSS:

<head>
  <link rel="stylesheet" href="diretorio-dos-utilitarios/dist/styles/utilities.css" />
</head>

Exemplo SCSS:

@import "diretorio-dos-utilitarios/src/styles/utilities";

Tipos de utilitários

Os utilitários aplicam os Fundamentos do Design System de forma consistente.

Lista de utilitários:

  • Cor de fundo, borda e texto;
  • Grid e Flexbox;
  • Espaçamentos;
  • Espessuras de bordas e cantos;
  • Overflow e opacidades;
  • Textos, Fontes e Entrelinhas.

Página de Exemplos

Estão disponíveis alguns exemplos de uso dos Utilitários no diretório "examples".

Documentação

A documentação completa dos Utilitários está disponível no Site do Design System.

Precisa de ajuda?

Por favor não crie issues para fazer perguntas...

Use nossos canais abaixo para obter tirar suas dúvidas:

Commits

Nesse projeto usamos um padrão para branches e commits. Por favor observe a documentação na nossa wiki para aprender sobre os nossos padrões.

Apêndice

Créditos

Os Web Components do GovBR-DS são criados pelo SERPRO e Dataprev juntamente com a participação da comunidade.

Licença

Nesse projeto usamos a licença MIT.

Package Sidebar

Install

npm i @govbr-ds/utilities

Homepage

gov.br/ds/

Weekly Downloads

49

Version

4.0.0-next.1

License

MIT

Unpacked Size

464 kB

Total Files

39

Last publish

Collaborators

  • tiago.alexandre
  • marcosalves3
  • rafael.serpro
  • govbrds