@seniorbr/sam-styles

Estilos compartilhados entre os projetos do SAM

Usage no npm install needed!

<script type="module">
  import seniorbrSamStyles from 'https://cdn.skypack.dev/@seniorbr/sam-styles';
</script>

README

SAM Styles

Resets, mixins, classes utilitárias, tokens, cores e variáveis utilizadas nos projetos SAM.

Getting Started

  • Baixe o pacote com npm i @seniorbr/sam-styles;
  • Inclua os arquivos scss ou css ao seus estilos:
// importa o css inteiro do projeto
@import '@seniorbr/sam-styles';

// importa todos os SCSS
@import 'node_modules/@seniorbr/sam-styles/sass/_all.scss';

// importa cada SCSS separadamente
@import 'node_modules/@seniorbr/sam-styles/sass/resets.scss';
@import 'node_modules/@seniorbr/sam-styles/sass/utils.scss';

Desenvolvendo

  • Baixe o repositorio com git clone http://git.senior.com.br/acesso-seguranca/sam-styles.git;

  • Execute o comando npm i;

    Todos os estilos estão escritos em Sass e se encontram no diretorio sass. Para ver o resultado dos Sass em uso, execute o comando npm run build e sirva o arquivo test\index.html via http-server.

Distribuindo (dist)

  • Execute o comando npm run build, o css será gerado no diretorio dist;

Publicando (npmjs)

Antes de publicar, certifique-se de que:

  • o projeto está sendo instalado sem erros, utilize o comando npm install . -g;
  • a versão contida no package.json foi corretamente preenchida de acordo com o método de versionamento;
  • os fontes estão formatados npm run format;
  • a tag (gitlab) referente a esta versão foi criada;

Se nenhum erro ocorreu, o projeto pode ser publicado ao npmjs:

  • npm publish --access public;

Versioning

Utiliza-se SemVer para versionamento.