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

4 votes267 views2 answers
Css hex to rgb
CSS
-1 vote266 views2 answers
Css good background color
CSS
0 vote241 views1 answer
Images end then start text in css
CSS
0 vote240 views1 answer
Css bottom:0 isnt the bottom of the page
CSS
0 vote288 views1 answer
How to make multiple borders using box shadow in css
CSS
0 vote195 views1 answer
Gulp postcss scss
CSS
0 vote264 views2 answers
Https://www.youtube.com/s/desktop/f357c206/cssbin/www-main-desktop-watch-page-skeleton.css
CSS
22 votes235 views5 answers
Circle css
CSS
0 vote243 views1 answer
Add image under header html
CSS
5 votes244 views4 answers
Css inset
CSS