oktatas:web:tailwind_css

Tartalomjegyzék

Tailwind CSS

Tailwind CSS

Szerző: Sallai András
Copyright © Sallai András, 2021
Licenc: CC Attribution-Share Alike 4.0 International
Web: https://szit.hu

A Tailwindcss

A Tailwindcss a komponenseihez nem nyújt komplett megoldást. A Tailwindui viszont pénzért kínálja ezeket.

Webhely:

https://tailwindcss.com/

UI komponensek:

https://tailwindui.com/

Komplett komponens megoldások:

https://flowbite.com/

Tailwind CSS kezdés

npm install tailwindcss

Font család

font-sans
font-serif
font-mono

Szöveg méretezése

text-xs
text-sm
text-base
text-lg
text-xl
text-2xl
text-3xl
text-4xl
text-5xl
text-6xl
text-7xl
text-8xl
text-9xl

Font stílus

italic
not-italic

<p class="italic hover:not-italic">
  <!-- ... -->
</p>

Font vastagság

font-thin	font-weight: 100;
font-extralight	font-weight: 200;
font-light	font-weight: 300;
font-normal	font-weight: 400;
font-medium	font-weight: 500;
font-semibold	font-weight: 600;
font-bold	font-weight: 700;
font-extrabold	font-weight: 800;
font-black	font-weight: 900;

oktatas/web/tailwind_css.txt · Utolsó módosítás: 2025/08/01 09:06 szerkesztette: admin