# 👩‍🎨 Style Guide

![image-dependencies] ![image-minified] ![image-types]

![image-downloads] ![image-shaking]

This package is a high level abstraction of our site-wide CSS for [BarGuide.io](https://barguide.io). A sample [CodeSandbox][link-code-sandbox] is available to get started.

## Installation

```bash
npm i @barguide/style-guide
```

```css
@import '@barguide/style-guide';
```

```js
import { color, font, grid, media } from '@barguide/style-guide';
```

<!-- Links -->

[link-code-sandbox]: https://codesandbox.io/s/barguidetemplate-react-n853j?file=/src/App.js 'CodeSandbox'

<!-- Images -->

[image-dependencies]: https://badgen.net/bundlephobia/dependency-count/@barguide/style-guide 'Dependencies'
[image-downloads]: https://badgen.net/npm/dt/@barguide/style-guide 'Downloads'
[image-minified]: https://badgen.net/bundlephobia/minzip/@barguide/style-guide 'Minified'
[image-shaking]: https://badgen.net/bundlephobia/tree-shaking/@barguide/style-guide 'Tree Shakeable'
[image-types]: https://badgen.net/npm/types/@barguide/style-guide 'Types'