/chipolette

🎨 Basic CSS starter kit that uses CSS variables by default

Primary LanguageLessMIT LicenseMIT

Chipolette

Chipolette is a tiny CSS framework / Starter kit.

It's a fork from Shoelace and Bootstrap, that fully embraces CSS variables / custom properties.

No compilation required to change colors / sizes etc. Well that is if you don't want to compile. It's still written in LESS, because of nesting and other neat features that eases development of Chipolette.

It is designed to replace Bootstrap and to be used with CSS variables.

npm version discord

Installation

To install the stable version:

npm install --save chipolette

and just import LESS version like so

@import '../node_modules/chipolette/src/chipolette.less';

or CSS version

@import '../node_modules/chipolette/dist/chipolette.css';

This assumes you are using npm as your package manager.

If you're not, you can access it on unpkg like so

<link rel="stylesheet" href="https://unpkg.com/chipolette@latest/dist/chipolette.css" />

Browser Compatibility

Every evergreen browser and older ones that support CSS variables. But for older IE versions (and other outdated browsers) there is a polyfill.

Stay In Touch

License

MIT

Copyright (c) 2019-present, Marcis (Marcisbee) Bergmanis