Chota

<p align="center"> <img src="https://jenil.github.io/chota/logo.svg" /> <br><br> A really small CSS framework <br><br> <img src="https://img.shields.io/npm/v/chota.svg" alt=""> <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> <a href="https://bundlephobia.com/result?p=chota@latest"><img alt="npm bundle size" src="https://img.shields.io/bundlephobia/minzip/chota.svg"></a> <a href="https://github.com/troxler/awesome-css-frameworks"><img src="https://awesome.re/mentioned-badge.svg" alt="Mentioned in Awesome CSS Frameworks"/></a> </p> <br>

• ⚡️  Super light-weight. Just ~3kb (minified + gzipped).
• ⛔️  No preprocessor, just plug-n-play
• 📐  Magical 12 column grid
• 🌈  Easy to extend with CSS variables
• 🎲  Comes with a handful of components & utilities
• ✅  Good Semantics
• 🤡  Supports icons from Icongram

<br>

Get started

CDN:

<link rel="stylesheet" href="https://unpkg.com/chota">

npm or yarn:

npm install chota

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.

<br>

Browsers support

| <img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/edge/edge_48x48.png" alt="IE / Edge" width="24px" height="24px" /><br/>IE / Edge | <img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/firefox/firefox_48x48.png" alt="Firefox" width="24px" height="24px" /><br/>Firefox | <img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/chrome/chrome_48x48.png" alt="Chrome" width="24px" height="24px" /><br/>Chrome | <img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/safari/safari_48x48.png" alt="Safari" width="24px" height="24px" /><br/>Safari | <img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/safari-ios/safari-ios_48x48.png" alt="iOS Safari" width="24px" height="24px" /><br/>iOS Safari | <img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/samsung-internet/samsung-internet_48x48.png" alt="Samsung" width="24px" height="24px" /><br/>Samsung | <img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/opera/opera_48x48.png" alt="Opera" width="24px" height="24px" /><br/>Opera | | --------- | --------- | --------- | --------- | --------- | --------- | --------- | | IE11, Edge| last 2 versions| last 2 versions| last 2 versions| last 2 versions| last 2 versions| last 2 versions

Contributing

Welcome! Please see our contributing guidelines.

License

© Jenil Gogari 2017-present. Code released under the MIT license.