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

0 vote182 views1 answer
How can i make a menu bar appear by clicking an icon? in css?
CSS
0 vote213 views1 answer
How to set initial state after first time in formik
CSS
0 vote188 views1 answer
Color custom css use in laravel
CSS
0 vote186 views1 answer
Css widows
CSS
3 votes201 views2 answers
How to give shadow to navbar
CSS
7 votes190 views3 answers
Circle button html
CSS
64 votes408 views4 answers
Bootstrap buttons
CSS Bootstrap
3 votes156 views1 answer
Smooth scroll to anchor
CSS
7 votes224 views6 answers
Jquery remove css class
CSS
10 votes206 views5 answers
Media query for max width and height
CSS