<h3 align="center">BalloonCSS</h3>

<p align="center">
  <strong>Minimal CSS Framework in pure HTML.</strong>
  <br>
  Elegant styles for all natives HTML elements without any many classes
  <br>
  <br>
  <a href="https://ballooncss.netlify.app/docs">Documentation</a> - <a href="https://ballooncss.netlify.app/playground">Playground</a>
</p>

## BalloonCSS
![CSS Gzipped](https://img.badgesize.io/ballooncss/balloon/master/dist/balloon.css?compression=gzip&color=1095c1&label=CSS%20gzipped)
[![Github release](https://img.shields.io/github/v/release/ballooncss/balloon?color=1095c1&logo=github&logoColor=white)](https://github.com/ballooncss/balloon/releases/latest)
[![npm version](https://img.shields.io/npm/v/@ballooncss/balloon?color=1095c1)](https://www.npmjs.com/package/@ballooncss/balloon)
[![License](https://img.shields.io/badge/license-MIT-%231095c1)](https://github.com/ballooncss/balloon/blob/master/LICENSE.md)

## Table of contents

- [Usage](#usage)
- [Contributing](#contributing)

## Usage

**Install manually**

[Download](https://github.com/ballooncss/balloon/archive/refs/heads/master.zip) and link `/dist/balloon.css` in the `<head>` of your code.

```html
<link rel="stylesheet" href="/dist/balloon.css">
```

**Install with NPM**

```shell
npm install @ballooncss/balloon
```

## Contributing

- [`dev`](https://github.com/ballooncss/balloon/tree/dev) branch is open to pull requests.
- Do not edit [`/dist`](https://github.com/ballooncss/balloon/tree/master/dist) files directly. Those files are automatically generated. You should edit the source files in [`/scss`](https://github.com/ballooncss/balloon/tree/master/scss).