# @wocss/settings-global

> Global variables

Latest version **1.3.2** (published 2019-07-28) · MIT license · 0 weekly downloads

## Install

```sh
npm install @wocss/settings-global
pnpm add @wocss/settings-global
yarn add @wocss/settings-global
bun add @wocss/settings-global
```

## Health

**Score 15/100 (F)** — status: abandoned.

Positive: no vulnerabilities.

Warnings: low downloads; no types; no esm support.

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 1.3.2 |
| Published | 2019-07-28 |
| First published | 2019-07-28 |
| Weekly downloads | 0 |
| License | MIT |
| TypeScript types | none |
| Module format | CommonJS |
| Dependencies | 0 |
| Unpacked size | 4 KB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| GitHub stars | 0 |
| Author | Gean Carlos |
| Maintainers | wochap |
| Keywords | bemit, itcss, scss, wocss |

## Links

- npm: https://www.npmjs.com/package/@wocss/settings-global
- Repository: https://github.com/wocss/wocss
- Homepage: https://github.com/wocss/wocss/tree/master/packages/settings.global#readme
- Issues: https://github.com/wocss/wocss/issues
- npm.io page: https://npm.io/package/@wocss/settings-global

## Recent versions

- 1.3.2 (latest) — 2019-07-28
- 1.3.1 — 2019-07-28

## README

# GLOBAL

> Setting

The `@wocss/settings-global` module contains settings that are available to your entire project. These variables and settings could be font families, colors, borders values, etc.

By default each variable in it, is required by some modules.

Install using npm:

```sh
$ npm install @wocss/settings-global --save
```

## Usage

With a tool like [webpack](https://webpack.github.io/) you can import this module writing:

```scss
@import '~@wocss/settings-global';
```

### Variables

#### Colors

| Variable name | Default value |
|---------------|-------|
| `$global-color-primary` | `#7809ba` |
| `$global-color-secondary` | `#d4007c` |
| `$global-color-tertiary` | `#3a14be` |
| `$global-color-facebook` | `#3b5999` |
| `$global-color-twitter` | `#55acee` |
| `$global-color-google` | `#dc4e41` |
| `$global-color-youtube` | `#e52d27` |
| `$global-color-whatsapp` | `#43d854` |
| `$global-color-error` | `#cb5234` |
| `$global-color-warning` | `#edb431` |
| `$global-color-info` | `#3aa3e3` |
| `$global-color-success` | `#2ab27b` |

#### Borders

| Variable name | Default value |
|---------------|-------|
| `$global-border-radius` | `3px` |
| `$global-border-width` | `1px` |
| `$global-border-color` | `$global-color-primary` |

#### Others

| Variable name | Default value |
|---------------|-------|
| `$global-spacing-unit` | `1.5rem` |
| `$global-max-width` | `75rem` |

---
_Source: https://npm.io/package/@wocss/settings-global · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._