# 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

```nodejs
npm install --save nucont-pro-styles
```

#### Importe os styles

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

```javascript
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:

```javascript
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:

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

##### Exemplo

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

```css
@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:

```javascript
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/