This is a fork of bulma css with a significantly changed syntax.
My first college english professor taught me if you want to make a story more interesting remove helping verbs. Chichi implements this idea and shortens some words. Chichi keeps bulma's variable to make it an easier switch.
| Bulma | Chichi |
|---|---|
| .is-centered | .c |
| .is-right | .r |
| .is-left | .l |
| .is-justified | .j |
| .has-text-centered | .text-c |
| .pagination | .pg |
| .pagination-previous | .pg-prev |
| .pagination-next | .pg-next |
| .pagination-list | .pg-ls |
| .is-small | .sm |
| .is-medium | .md |
| .is-large | .lg |
| .list | .ls |
| .footer | .ftr |
| .header | .hdr |
| .footer | .ftr |
| .level | .lvl |
| .is-active | .on |
| .content | .cnt |
| .notification | .notif |
| .label | .lbl |
| .message | .msg |
and more . . .
Chichi is also roughly 16KB smaller minified
| Framework | Normal | Minified |
|---|---|---|
| Bulma | 228 KB | 192 KB |
| Chichi | 224 KB | 176 KB |
- Note: With compression these two are more or less identical in size
if you have question about something make an issue.
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent