What is fungible?

Fungible is a CSS toolkit that lets you style a web page by adding class names directly to your HTML, so you never have to write any CSS yourself. It is designed for moments when you need to put together a web page quickly and do not want to slow down to create a separate stylesheet just to get things looking right. Instead of writing CSS rules for things like spacing, borders, or text size, you use short class name codes. For example, adding the class "mfb" to an HTML element gives it a 1.0em margin on the bottom, and "fwb" makes the text bold. The README includes a chart showing which letters correspond to different sizes, directions, and styles. It covers the basics like background colors, text alignment, font sizes, and display settings. The naming system takes a little memorization, but once you know the codes, you can build a full layout directly in your HTML markup. This project would appeal to developers and designers who need to rapidly prototype or scaffold web pages. If you are building a quick proof-of-concept, a wireframe, or a minimum viable product and just need to get boxes, text, and spacing in place, this lets you do it without context-switching to a CSS file. It could also be handy for anyone who prefers to keep all their styling decisions visible right where the HTML is written. One notable tradeoff is how terse the class names are. While codes like "pbb" or "mfx" keep your markup compact, they are not immediately readable to someone who does not know the system. The project also includes a wishlist item for a tool that would strip out unused classes from the final file, keeping things lightweight, though that does not appear to be built yet. It can be installed via component or as a Ruby on Rails gem.