#css-class #tailwind #css #html-css #html

bin+lib css-knife

A tool for shortening css classes

7 releases

0.1.6 Dec 14, 2023
0.1.5 Nov 14, 2023
0.1.4 Oct 24, 2023

#10 in #tailwind-css

MIT license

73KB
751 lines

Logo for css-knife

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:

Installation

cargo install --path=. --force

Dependencies

~30–40MB
~687K SLoC