https://github.com/marcisbee/chipolette

🎨 Basic CSS starter kit that uses CSS variables by default
https://github.com/marcisbee/chipolette

alternative bootstrap css framework theme

Last synced: 5 days ago
JSON representation

🎨 Basic CSS starter kit that uses CSS variables by default

• Host: GitHub
• URL: https://github.com/marcisbee/chipolette
• Owner: Marcisbee
• License: mit
• Created: 2019-04-01T16:10:39.000Z (over 5 years ago)
• Default Branch: master
• Last Pushed: 2023-04-05T09:14:04.000Z (over 1 year ago)
• Last Synced: 2024-10-12T21:07:29.648Z (about 1 month ago)
• Topics: alternative, bootstrap, css, framework, theme
• Language: Less
• Homepage: https://marcisbee.github.io/chipolette/
• Size: 1.08 MB
• Stars: 8
• Watchers: 2
• Forks: 1
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# 

**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](https://img.shields.io/npm/v/chipolette.svg?style=flat-square)](https://www.npmjs.com/package/chipolette)

[![discord](https://dcbadge.vercel.app/api/server/a62gfaDW2e?style=flat-square)](https://discord.gg/a62gfaDW2e)

## Installation

To install the stable version:

```

npm install --save chipolette

```

and just import LESS version like so

```less

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

```

or CSS version

```css

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

```

This assumes you are using [npm](https://www.npmjs.com/) as your package manager.  

If you're not, you can [access it on unpkg](https://unpkg.com/chipolette@latest/dist/chipolette.css) like so

```html

```

#### 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](https://join.slack.com/t/radijs/shared_invite/enQtMjk3NTE2NjYxMTI2LWFmMTM5NTgwZDI5NmFlYzMzYmMxZjBhMGY0MGM2MzY5NmExY2Y0ODBjNDNmYjYxZWYxMjEyNjJhNjA5OTJjNzQ)

## License

[MIT](http://opensource.org/licenses/MIT)

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