Tailwindcss

npx tailwindcss -i style.css -o tailwind.css --watch --jit --purge="./**/*.html" -c "tailwind.config.js" --minify

Tailwindcss

<link href="https://unpkg.com/tailwindcss@^2/dist/tailwind.min.css" rel="stylesheet">

Tailwindcss

# JIT, watch, tailwind.config.js, minify
npx tailwindcss -o tailwind.css --watch --jit --purge="./**/*.html" -c "tailwind.config.js" --minify

Tailwindcss

<ul class="space-y-4">  
  	<li>    <div class="w-64 h-3 bg-gradient-to-br from-fuchsia-500 to-purple-600"></div>  </li>  
	<li>    <div class="w-56 h-3 bg-gradient-to-br from-fuchsia-500 to-purple-600"></div>  </li>  
    <li>    <div class="w-48 h-3 bg-gradient-to-br from-fuchsia-500 to-purple-600"></div>  </li>  
    <li>    <div class="w-40 h-3 bg-gradient-to-br from-fuchsia-500 to-purple-600"></div>  </li>  
    <li>    <div class="w-32 h-3 bg-gradient-to-br from-fuchsia-500 to-purple-600"></div>  </li>  
    <li>    <div class="w-24 h-3 bg-gradient-to-br from-fuchsia-500 to-purple-600"></div>  </li>  
    <li>    <div class="w-20 h-3 bg-gradient-to-br from-fuchsia-500 to-purple-600"></div>  </li>  
	<li>    <div class="w-16 h-3 bg-gradient-to-br from-fuchsia-500 to-purple-600"></div>  </li>  
	<li>    <div class="w-12 h-3 bg-gradient-to-br from-fuchsia-500 to-purple-600"></div>  </li>  
	<li>    <div class="w-10 h-3 bg-gradient-to-br from-fuchsia-500 to-purple-600"></div>  </li>
</ul>

Source: tailwindcss.com

Tailwindcss

npx tailwindcss -o tailwind.css --watch --jit --purge="./**/*.html"

-1

Tailwindcss

npx tailwindcss -o dist/tailwind.css --watch --jit --purge="./src/**/*.html"

-1

Source: blog.tailwindcss.com

Similar codes

1 vote329 views2 answers
Fit image in grid css
CSS
21 votes322 views2 answers
Form field focus border remove css
CSS
0 vote314 views1 answer
Neumorphism css generator
CSS
1 vote376 views1 answer
Outline bottom css
CSS
1 vote387 views1 answer
Symfony version check
CSS
1 vote347 views1 answer
Add css variables without global
CSS
1 vote336 views1 answer
Css cell spacing
CSS
-1 vote359 views1 answer
Css media query between two width
CSS
1 vote355 views1 answer
Write text in one line css
CSS
0 vote317 views1 answer
Image with colored background html css tigether
CSS