Différences

Ci-dessous, les différences entre deux révisions de la page.

--- informatique:css [2024/01/03 17:12] – bertrand
+++ informatique:css [2024/01/03 17:38] – [TailWind] bertrand
@@ Ligne 11: / Ligne 11: @@
 Pour basculer depuis boostrap, on peut voir l'équivalence des classes avec par exemple : https://webatob.com/bootstrap-to-tailwindcss
-<note warning>Plutôt que de remplacer les classes bootstrap, notamment pour les principales (//btn-primary//…), il est possible de les définir dans le fichier app.css !</note>
+<note warning>Plutôt que de remplacer les classes bootstrap, notamment pour les principales (//btn-primary//…), il est possible de les définir dans le fichier app.css, cf. ci-dessous !</note>
+<code css>
+@tailwind base;
+@tailwind components;
+@tailwind utilities;
+h1 {
+	@apply text-3xl dark:text-white;
+}
+/* conversion classes bootstrap en tailwind (https://webatob.com/bootstrap-to-tailwindcss) */
+.btn-primary {
+	@apply bg-blue-500 text-white px-4 py-2 rounded;
+}
+.btn-primary:hover {
+	@apply bg-blue-600
+}
+</code>
+style ou app.css : cf. tuto grafikart à 20’
 ===== Références =====

DokuWiki ArAr - CDRC-C14