# MONO - monotone css framework for semantic html

## Instalation

```
npm i @artalar/mono
```

Or

```
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@artalar/mono/mono.css">
```

## Usage

### Setup

There are two options (first the simple one).

1. Add `mono-all` class to the root (body) of your site and write semantic html
2. Add `mono` class to needed semantic elements

### Change colors

Use `--mono-main` and `--mono-back` css variables. You could use [our sandbox](https://monocss.vercel.app) to try different colors and get the contrast (with `sync` checkbox enabled).