kempo-css
v1.3.2
Published
A lightweight, modern CSS framework that provides kempo utilities and components for rapid web development.
Downloads
144
Readme
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/
Installation
NPM
npm install kempo-cssThen include the CSS files in your project:
<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:
@import 'kempo-css/kempo.css';
@import 'kempo-css/kempo-hljs.css';Download
- Download the CSS files from the documentation page
- Include them in your project:
<link rel="stylesheet" href="path/to/kempo.css">
<link rel="stylesheet" href="path/to/kempo-hljs.css">Build from Source
- Clone the repository:
git clone https://github.com/dustinpoissant/kempo-css.git
cd kempo-css- Install dependencies:
npm install- Build minified versions:
npm run buildQuick Start
<!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>Development
npm run build- Build minified CSS filesnpm run build:watch- Watch for changes and rebuild automatically
License
ISC License - feel free to use in personal and commercial projects.
View Documentation | Report Issues
Contributing
We welcome contributions! Please see our Contributing Guide for details on:
- Setting up your development environment
- Code style and conventions
- Testing guidelines
- Pull request process
License
This work is licensed under a Creative Commons Attribution-NonCommercial-ShareAlike 2.0 Generic License - see the LICENSE.md file for details.
