nucont-pro-styles v1.2.3

nucont-pro-styles

Pacote responsável por gerenciar os styles gerais da aplicação Nucont PRO

Como usar

Uso básico

Instale o pacote via NPM

npm install --save nucont-pro-styles

Importe os styles

Para importar todos os style de uma só vez, insira esta linha em :

import "nucont-pro-styles/dist/css/style.css";

Outras formas de uso

Importando um style separadamente em arquivos JavaScript

Se necessário, você pode importar um style específico em um arquivo Javascript. Basta insirir esta linha no início do arquivo:

import "nucont-pro-styles/dist/css/[nome-do-style].css";

Atenção! Se você já importou o arquivo style.css, não há necessidade de importar os demais arquivos.

Importando um style serpadamente em arquivos CSS, SCSS ou SASS

Você pode importar um style específico em um arquivo CSS, SCSS ou SASS. Basta insirir esta linha no início do arquivo:

@import "{}/node_modules/nucont-pro-styles/dist/scss/[nome-do-style].scss";

Exemplo

Para importar o style-dictionary, insira no início do arquivo:

@import "{}/node_modules/nucont-pro-styles/dist/scss/style-dictionary.scss";

Importando conteúdo do Style Dictionary

Para importar conteúdos do Style Dictionary, por exemplo as cores base, use:

import Colors from "nucont-pro-styles/dist/style-dictionary/properties/color/base.json";

Styles disponíveis

• animate
• animation
• app
• bg-insight
• button
• carousel
• components
• fonts
• NANDA
• ng-dz-beautify
• style-dictionary
• styles

Estrutura de pastas

• dist/
  • css/
  • fonts/
  • scss/
  • style-dictionary/