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 vote291 views1 answer
Css lobotomized owl
CSS
0 vote291 views1 answer
Css only style horizontal scrollbar
CSS
0 vote331 views1 answer
Add dots instead of line break in css
CSS
1 vote287 views1 answer
Prefix in css
CSS
0 vote302 views1 answer
Paper.css
CSS
10 votes291 views1 answer
Install code command on mac
CSS
9 votes295 views1 answer
Perfect full page background image
CSS
127 votes308 views4 answers
React import bootstrap css
CSS
0 vote301 views1 answer
Overiade main style only for specific page sass
CSS
0 vote295 views1 answer
Estilos de scroll css
CSS