marcisbee / chipolette

🎨 Basic CSS starter kit that uses CSS variables by default

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.

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

• Slack

License

MIT

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