# @smarts/smart-styles

> Smart utility styles

Latest version **0.0.8** (published 2019-09-17) · MIT license · 0 weekly downloads

## Install

```sh
npm install @smarts/smart-styles
pnpm add @smarts/smart-styles
yarn add @smarts/smart-styles
bun add @smarts/smart-styles
```

## Health

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

Positive: no vulnerabilities.

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

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 0.0.8 |
| Published | 2019-09-17 |
| First published | 2019-09-16 |
| Weekly downloads | 0 |
| License | MIT |
| TypeScript types | none |
| Module format | CommonJS |
| Dependencies | 1 |
| Unpacked size | 182.7 KB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| Maintainers | diondre27, warren488 |

## Links

- npm: https://www.npmjs.com/package/@smarts/smart-styles
- npm.io page: https://npm.io/package/@smarts/smart-styles

## Dependencies (1)

- [bootstrap](https://npm.io/package/bootstrap.md) ^4.3.1

## Recent versions

- 0.0.8 (latest) — 2019-09-17
- 0.0.7 — 2019-09-17
- 0.0.6 — 2019-09-17
- 0.0.5 — 2019-09-17
- 0.0.4 — 2019-09-16
- 0.0.3 — 2019-09-16
- 0.0.2 — 2019-09-16
- 0.0.1 — 2019-09-16

## README

# Smart Styles

The repository contains the Smartmatic Styles Library based on bootstrap providing utility and helper classes to follow the Design System.

## Using the Library

### Using the Entire Library

To use include the entire css library add this link to the head of your html

```html
<link
  rel="stylesheet"
  href="https://unpkg.com/@diondre27/smart-styles@latest/dist/smmt.css"
/>
```

### Using Individual CSS

The library also provides individual parts to be utilized such as the colors for example.

To use th add this link to the head of your html

```html
<link
  rel="stylesheet"
  href="https://unpkg.com/@diondre27/smart-styles@latest/dist/css/colors.css"
/>
```

Also available currently is:
Spacing: `https://unpkg.com/@diondre27/smart-styles@latest/dist/css/spacing.css`
Tokens: `https://unpkg.com/@diondre27/smart-styles@latest/dist/css/tokens.css`

### Using the SASS

The library also exposes the underlying sass files that produces the css above to be included within your own for easier customization and integration with your current workflow.

The files can be found as follows:
Spacing: `https://unpkg.com/@diondre27/smart-styles@latest/dist/scss/spacing.scss`
Tokens: `https://unpkg.com/@diondre27/smart-styles@latest/dist/scss/tokens.scss`
Colors: `https://unpkg.com/@diondre27/smart-styles@latest/dist/scss/colors.scss`

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