ramzouille/notes
ramzouille/notes
1
0
Fork 0
mirror of https://github.com/buchtioof/notes.git synced 2026-05-02 17:43:28 +02:00
Code Issues Packages Projects Releases Wiki Activity

nouvelle note: tailwind (21/02)

Browse Source
This commit is contained in:
ramzouillee 2026-02-21 22:31:23 +01:00
parent 87c1041da4
commit 85f9d77941
18 changed files with 1957 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
docs/learn/2026-02-21.md
View File

@ -1,11 +1,14 @@
# Cheat Sheet de Tailwind # Cheat Sheet Tailwind
Tailwind utilise des classes utilitaires. La logique est souvent `[Propriété]-[Taille/Couleur/Valeur]`. Tailwind utilise des classes utilitaires. La logique est souvent `[Propriété]-[Taille/Couleur/Valeur]`.
## 1. Espacement (Margin & Padding) ## 1. Espacement (Margin & Padding)
La syntaxe : `[Type][Direction]-[Taille]`. La syntaxe : `[Type][Direction]-[Taille]`.
- **Type** : `m` (Margin / Extérieur) ou `p` (Padding / Intérieur). - **Type** : `m` (Margin / Extérieur) ou `p` (Padding / Intérieur).
- **Direction** : `t` (Haut), `b` (Bas), `l` (Gauche), `r` (Droite), `x` (Horizontal), `y` (Vertical), ou rien (Partout). - **Direction** : `t` (Haut), `b` (Bas), `l` (Gauche), `r` (Droite), `x` (Horizontal), `y` (Vertical), ou rien (Partout).
- **Taille** : Échelle basée sur des multiples de 4px (ex: `1` = 4px, `2` = 8px, `4` = 16px). - **Taille** : Échelle basée sur des multiples de 4px (ex: `1` = 4px, `2` = 8px, `4` = 16px).
| Classe | Équivalent CSS | Explication | | Classe | Équivalent CSS | Explication |
@ -28,6 +31,7 @@ La syntaxe : `w-[Taille]` (Largeur) et `h-[Taille]` (Hauteur).
## 3. Couleurs ## 3. Couleurs
La syntaxe : `[Cible]-[Couleur]-[Intensité]`. La syntaxe : `[Cible]-[Couleur]-[Intensité]`.
L'intensité va de `50` (très clair) à `950` (très foncé). L'intensité va de `50` (très clair) à `950` (très foncé).
| Cible | Exemple Tailwind | Ce que ça colore | | Cible | Exemple Tailwind | Ce que ça colore |

28
site/404.html
View File

@ -786,6 +786,34 @@
<li class="md-nav__item">
<a href="/learn/2026-02-21/" class="md-nav__link">
<span class="md-ellipsis">
Cheat Sheet de Tailwind
</span>
</a>
</li>
</ul> </ul>
</nav> </nav>

28
site/index.html
View File

@ -852,6 +852,34 @@
<li class="md-nav__item">
<a href="learn/2026-02-21/" class="md-nav__link">
<span class="md-ellipsis">
Cheat Sheet de Tailwind
</span>
</a>
</li>
</ul> </ul>
</nav> </nav>

1529
site/learn/2026-02-21/index.html Normal file
View File

File diff suppressed because one or more lines are too long

28
site/learn/devops/2025-10-30/index.html
View File

@ -858,6 +858,34 @@
<li class="md-nav__item">
<a href="../../2026-02-21/" class="md-nav__link">
<span class="md-ellipsis">
Cheat Sheet de Tailwind
</span>
</a>
</li>
</ul> </ul>
</nav> </nav>

28
site/learn/devops/2025-11-28/index.html
View File

@ -908,6 +908,34 @@
<li class="md-nav__item">
<a href="../../2026-02-21/" class="md-nav__link">
<span class="md-ellipsis">
Cheat Sheet de Tailwind
</span>
</a>
</li>
</ul> </ul>
</nav> </nav>

28
site/learn/devops/2025-12-12/index.html
View File

@ -958,6 +958,34 @@
<li class="md-nav__item">
<a href="../../2026-02-21/" class="md-nav__link">
<span class="md-ellipsis">
Cheat Sheet de Tailwind
</span>
</a>
</li>
</ul> </ul>
</nav> </nav>

28
site/learn/devops/2026-01-22/index.html
View File

@ -930,6 +930,34 @@
<li class="md-nav__item">
<a href="../../2026-02-21/" class="md-nav__link">
<span class="md-ellipsis">
Cheat Sheet de Tailwind
</span>
</a>
</li>
</ul> </ul>
</nav> </nav>

28
site/learn/javascript/2026-01-30/index.html
View File

@ -809,6 +809,34 @@
<li class="md-nav__item">
<a href="../../2026-02-21/" class="md-nav__link">
<span class="md-ellipsis">
Cheat Sheet de Tailwind
</span>
</a>
</li>
</ul> </ul>
</nav> </nav>

28
site/learn/javascript/2026-02-06/index.html
View File

@ -936,6 +936,34 @@
<li class="md-nav__item">
<a href="../../2026-02-21/" class="md-nav__link">
<span class="md-ellipsis">
Cheat Sheet de Tailwind
</span>
</a>
</li>
</ul> </ul>
</nav> </nav>

28
site/learn/javascript/2026-02-09/index.html
View File

@ -908,6 +908,34 @@
<li class="md-nav__item">
<a href="../../2026-02-21/" class="md-nav__link">
<span class="md-ellipsis">
Cheat Sheet de Tailwind
</span>
</a>
</li>
</ul> </ul>
</nav> </nav>

28
site/learn/python/2026-01-16/index.html
View File

@ -869,6 +869,34 @@
<li class="md-nav__item">
<a href="../../2026-02-21/" class="md-nav__link">
<span class="md-ellipsis">
Cheat Sheet de Tailwind
</span>
</a>
</li>
</ul> </ul>
</nav> </nav>

30
site/learn/python/2026-02-16/index.html
View File

@ -12,7 +12,7 @@
<link rel="prev" href="../2026-01-16/"> <link rel="prev" href="../2026-01-16/">
<link rel="next" href="../../../projects/2025-12-05/"> <link rel="next" href="../../2026-02-21/">
@ -930,6 +930,34 @@
<li class="md-nav__item">
<a href="../../2026-02-21/" class="md-nav__link">
<span class="md-ellipsis">
Cheat Sheet de Tailwind
</span>
</a>
</li>
</ul> </ul>
</nav> </nav>

28
site/links/index.html
View File

@ -793,6 +793,34 @@
<li class="md-nav__item">
<a href="../learn/2026-02-21/" class="md-nav__link">
<span class="md-ellipsis">
Cheat Sheet de Tailwind
</span>
</a>
</li>
</ul> </ul>
</nav> </nav>

30
site/projects/2025-12-05/index.html
View File

@ -9,7 +9,7 @@
<link rel="prev" href="../../learn/python/2026-02-16/"> <link rel="prev" href="../../learn/2026-02-21/">
<link rel="next" href="../2026-01-23/"> <link rel="next" href="../2026-01-23/">
@ -795,6 +795,34 @@
<li class="md-nav__item">
<a href="../../learn/2026-02-21/" class="md-nav__link">
<span class="md-ellipsis">
Cheat Sheet de Tailwind
</span>
</a>
</li>
</ul> </ul>
</nav> </nav>

28
site/projects/2026-01-23/index.html
View File

@ -795,6 +795,34 @@
<li class="md-nav__item">
<a href="../../learn/2026-02-21/" class="md-nav__link">
<span class="md-ellipsis">
Cheat Sheet de Tailwind
</span>
</a>
</li>
</ul> </ul>
</nav> </nav>

28
site/projects/2026-02-13/index.html
View File

@ -795,6 +795,34 @@
<li class="md-nav__item">
<a href="../../learn/2026-02-21/" class="md-nav__link">
<span class="md-ellipsis">
Cheat Sheet de Tailwind
</span>
</a>
</li>
</ul> </ul>
</nav> </nav>

2
site/search.json
View File

File diff suppressed because one or more lines are too long