css-knife

Shorten those long TailwindCSS classes

This is your HTML in development:

  <div class="text-red-600 px-2 bg-green-200 md:text-md lg:text-lg xl:text-xl custom-font dark:text-green-200 dark:bg-red-500">
    Hello World
  </div>

And here is in production:

  <div class="c b a g h i custom-font f d">
    Hello World
  </div>

Configuration(css-knife.toml):

html_dir = ["web/src/templates"]
css_dir = ["web/src/css"]
js_dir = ["web/src/js"]
assets_dir = ["web/src/svg"]
output_dir = "prod"

Dependencies:

• lightningcss

• lol-html

Installation

cargo install --path=. --force