<img src='https://toba.github.io/about/images/logo-colored.svg' width="100" align="right"/>

[![npm package](https://img.shields.io/npm/v/@toba/style.svg)](https://www.npmjs.org/package/@toba/style)
![Code style](https://img.shields.io/badge/code_style-prettier-ff69b4.svg)

# Toba Style

Common CSS styles, basic design elements and assets for Toba applications.

### Installation

```
yarn add @toba/style --dev
```

### Usage

#### SASS

Once the module is installed, styles can be referenced as usual from your SASS files. For example, to use `_config.scss`:

```sass
@import '../node_modules/@toba/style/config';

```

#### Icons and Logo

### Development

The development source includes the [Webpack DevServer](https://webpack.js.org/configuration/dev-server/) configured to convert the styles to standard CSS and load a page with various examples.

```
npx webpack-dev-server
```

## License

Copyright &copy; 2019 Jason Abbott

This software is licensed under the MIT license. See the [LICENSE](./LICENSE) file
accompanying this software for terms of use.
