# Stylelite CSS

> Styles that work for you

Stylelite is a tiny-dynamic-classlite css foundation for any project.  Easy to extend, with extras already available, and Great for rapid prototyping.

It *may* be light on `class`, but it makes up for it in *[style](src/extras)*

All in **3kb gzipped!**

## Features

- Tiny, 3kb
- Class-lite
- Utility Classes
  - Layout
    - `.row`, `.col`, `.grid`, `.group`, `.left`, `.right`, `.center`

- **extras/** supplies pick-and-choose styles to expanded your options
- Dynamic, 12 Custom CSS Vars
- Includes Light and Dark Themes

Designed to work with default [Feather Icons](https://feathericons.com/)


> WARNING: ever-green browsers need only apply ;)


## Get Started

Via `jsdelivr` CDN

```html
<link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/n2geoff/stylelite/dist/stylelite.min.css">

```

or [Download](https://raw.githubusercontent.com/n2geoff/stylelite/main/dist/stylelite.min.css)

Include Feather Icons

```html
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/feather-icons-css/css/feather.min.css">

```

## Dark Mode

Add `data-theme="dark"` to the `html` tag for a taste of the dark side


## LICENSE

- [MIT](LICENSE)


## TODO

Keep it small, but immediately useful.

Tweaks to hit that SWEET spot:

- Dark mode use native browser scroll bars/classes
- Color Utility (extras)