Home Examples About

About Terse CSS

Terse CSS is a minimal CSS library that uses the first letter of CSS properties and values as class names. When collisions happen, the most-used, non-default value gets priority. The other value uses the first letter and last letter of the value. For example: align-items: start and align-items: stretch. Both should have the class ais. Without an align-items property, the items are aligned as stretch so start takes priority and has the shorter class name.

No ai class
1
2
2
3
3
3
aish
1
2
2
3
3
3
ais
1
2
2
3
3
3

So if you know CSS, it is fast and easy to use. If you don't know CSS, try Bootstrap or learn Terse CSS.