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.
So if you know CSS, it is fast and easy to use. If you don't know CSS, try Bootstrap or learn Terse CSS.