# Kempo CSS

A lightweight, modern CSS framework that provides kempo utilities and components for rapid web development.

## Features

- **Lightweight**: Minimal footprint with only the essentials
- **Modern**: Built with modern CSS practices and design principles
- **Flexible**: Utility-first approach with semantic components
- **Dark Mode**: Built-in dark theme support with easy toggling
- **Color Utilities**: Comprehensive background and text color classes

## Documentation

View the complete documentation and live examples at:
**[https://dustinpoissant.github.io/kempo-css/](https://dustinpoissant.github.io/kempo-css/)**

## Installation

### NPM

```bash
npm install kempo-css
```

Then include the CSS files in your project:
```html
<link rel="stylesheet" href="node_modules/kempo-css/kempo.css">
<link rel="stylesheet" href="node_modules/kempo-css/kempo-hljs.css">
```

Or import in your CSS/SCSS files:
```css
@import 'kempo-css/kempo.css';
@import 'kempo-css/kempo-hljs.css';
```

## Download
[Download the Minified CSS](https://raw.githubusercontent.com/dustinpoissant/kempo-css/refs/heads/main/dist/kempo.min.css)


## Quick Start

```html
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>My App</title>
    <link rel="stylesheet" href="https://dustinpoissant.github.io/kempo-css/kempo.css">
</head>
<body>
    <div class="container">
        <h1 class="tc-primary">Hello, Kempo CSS!</h1>
        <button class="btn btn-primary">Get Started</button>
    </div>
</body>
</html>
```

## License

This work is licensed under a [Creative Commons Attribution-NonCommercial-ShareAlike 2.0 Generic License](https://creativecommons.org/licenses/by-nc-sa/2.0/) - see the [LICENSE.md](LICENSE.md) file for details.
