Gusty

A minimal atomic CSS stylesheet using dynamic utility classes attributes.

<div class="px-8 px-6 px-4 px-2"></div>
<div px="2rem" px="1.5rem" px="1rem" px="0.5rem"></div>

An exploration of advanced attr() for styling. Like Tailwind CSS or UnoCSS, but the utility classes are attributes declared only once in the stylesheet. Any number of variations of each utility class can be used without requiring more generated CSS.

<link rel="stylesheet" href="https://gusty.uncenter.dev/preset.css" />
GitHubView on GitHub

Your browser does not support advanced attr(). Try viewing this page in Chrome version 133 or later. In Firefox version 149 or later, enable the layout.css.attr.enabled preference in about:config.

View project on GitHub.