oktatas:web:front-end_framework:tailwind_css
Tartalomjegyzék
Tailwind CSS
- Szerző: Sallai András
- Copyright © Sallai András, 2021
- 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:
UI komponensek:
Komplett komponens megoldások:
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/front-end_framework/tailwind_css.txt · Utolsó módosítás: 2024/04/23 11:30 szerkesztette: admin