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 ;)

Get Started

Via jsdelivr CDN

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

or Download

Include Feather Icons

<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

TODO

Keep it small, but immediately useful.

Tweaks to hit that SWEET spot:

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