2017-04-01 03:16:39 +03:00
< p align = "center" >
2017-04-01 05:29:10 +03:00
< img src = "https://jenil.github.io/chota/logo.svg" / >
< br > < br >
2017-03-30 08:02:15 +03:00
A really small CSS framework
2018-08-03 01:58:25 +03:00
< br > < br >
2018-08-01 17:53:46 +03:00
< img src = "https://img.shields.io/npm/v/chota.svg" >
2018-12-09 00:32:41 +03:00
< a href = "https://www.npmjs.com/package/chota" > < img src = "https://img.shields.io/npm/dt/chota.svg" > < / a >
< a href = "https://github.com/jenil/chota/issues" > < img src = "https://img.shields.io/github/issues/jenil/chota.svg" > < / a >
2017-04-01 03:16:39 +03:00
< / p >
2017-03-30 08:27:19 +03:00
2017-04-01 05:29:10 +03:00
< br >
2019-03-23 21:12:00 +03:00
- ⚡️ Super light-weight. Just ~3kb (minified + gzipped).
2017-04-01 05:29:10 +03:00
- ⛔️ No preprocessor, just plug-n-play
2017-04-03 06:42:30 +03:00
- 📐 Magical 12 column [grid ](https://jenil.github.io/chota/#grid )
2017-11-16 11:51:09 +03:00
- 🌈 Easy to [extend ](https://jenil.github.io/chota/#customizing ) with CSS variables
2017-04-03 06:42:30 +03:00
- 🎲 Comes with a handful of [components ](https://jenil.github.io/chota/#components ) & [utilities ](https://jenil.github.io/chota/#utilities )
2017-04-01 05:29:10 +03:00
- ✅ Good Semantics
2018-07-30 00:57:15 +03:00
- 🤡 Supports icons from [Icongram ](https://icongr.am/ )
2017-04-01 05:29:10 +03:00
< br >
2017-03-30 08:27:19 +03:00
### Get started
CDN:
2017-04-01 02:37:17 +03:00
```html
< link rel = "stylesheet" href = "https://unpkg.com/chota" >
2017-03-30 08:27:19 +03:00
```
2017-04-01 05:29:10 +03:00
npm or yarn:
2017-03-30 08:27:19 +03:00
```bash
npm install chota
```
2017-11-27 00:14:29 +03:00
#### SASS support
Chota is designed keeping in mind *ease-of-use* and *minimalism* , hence it doesn't use any preprocessor or complex build process. If you would still like to extend it further using SASS, head to [palmiak's fork ](https://github.com/palmiak/chota ).
2017-11-30 17:37:21 +03:00
< br >
## Browsers support
2017-03-30 08:27:19 +03:00
2017-12-05 01:17:35 +03:00
| < img src = "https://raw.githubusercontent.com/godban/browsers-support-badges/master/src/images/edge.png" alt = "IE / Edge" width = "16px" height = "16px" / > < / br > IE / Edge | < img src = "https://raw.githubusercontent.com/godban/browsers-support-badges/master/src/images/firefox.png" alt = "Firefox" width = "16px" height = "16px" / > < / br > Firefox | < img src = "https://raw.githubusercontent.com/godban/browsers-support-badges/master/src/images/chrome.png" alt = "Chrome" width = "16px" height = "16px" / > < / br > Chrome | < img src = "https://raw.githubusercontent.com/godban/browsers-support-badges/master/src/images/safari.png" alt = "Safari" width = "16px" height = "16px" / > < / br > Safari | < img src = "https://raw.githubusercontent.com/godban/browsers-support-badges/master/src/images/opera.png" alt = "Opera" width = "16px" height = "16px" / > < / br > Opera | < img src = "https://raw.githubusercontent.com/godban/browsers-support-badges/master/src/images/safari-ios.png" alt = "iOS Safari" width = "16px" height = "16px" / > < / br > iOS Safari | < img src = "https://raw.githubusercontent.com/godban/browsers-support-badges/master/src/images/chrome-android.png" alt = "Chrome for Android" width = "16px" height = "16px" / > < / br > Chrome for Android |
2017-11-30 17:37:21 +03:00
| --------- | --------- | --------- | --------- | --------- | --------- | --------- |
2017-12-03 00:24:27 +03:00
| Edge 16+| last 2 versions| last 2 versions| last 2 versions| last 2 versions| last 2 versions| last 2 versions
2017-03-30 08:27:19 +03:00
---
2018-03-21 17:25:28 +03:00
© Jenil Gogari 2017-present. Code released under the [MIT license ](https://github.com/jenil/chota/blob/master/LICENSE ).
