minimal, drop-in, classlite css stylesheet

Go to file

Geoff Doty 4d1aadca06 remove layout to extra only		2024-05-17 16:20:21 -04:00
dist	remove excess styles	2024-05-17 13:29:48 -04:00
examples	tweak buttons	2024-05-17 14:41:56 -04:00
src	remove layout to extra only	2024-05-17 16:20:21 -04:00
.gitignore	add example	2022-06-26 14:28:44 -04:00
LICENSE	update license	2024-01-18 20:19:07 -06:00
README.md	readme	2024-05-11 15:25:34 -04:00
package-lock.json	first build	2022-06-14 21:38:32 -04:00
package.json	minor clean up	2024-05-10 20:44:08 -04:00

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

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

WARNING: ever-green browsers need only apply ;)

Via jsdelivr CDN

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

Include Feather Icons

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

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

Keep it small, but immediately useful.

Tweaks to hit that SWEET spot: