mirror of https://github.com/n2geoff/stylelite.git
65 lines
1.3 KiB
Markdown
65 lines
1.3 KiB
Markdown
# 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)
|