rightek / mathilda

Simple, yet efficient utility-first CSS framework. originally created for using in Orca, our static site generator.

Docs coming soon ... in the meantime file an issue if you have any question

---

The idea of all class names (well more and less) are picking the first letter of each word of css proprty, e.g background-size, and css value, e.g cover separated by dash, for example:

• background-size: cover becomes bs-c
• background-image: none becomes bi-n

Of course there are some exceptions, for example we have background-size: cover and background-size: contain, based on above guideline the class name for both will be bs-c which is not acceptable, so I apply the above guideline to background-size: cover, because it's more common, and use the full value name for less common one, so background-size: contain becomes bs-contain. there are some other exceptions which will be covered in the documentation.