90 lines
1.9 KiB
CSS
90 lines
1.9 KiB
CSS
@import "tailwindcss";
|
|
@plugin "@tailwindcss/typography";
|
|
|
|
@theme {
|
|
--font-sans: var(--font-inter), sans-serif;
|
|
--font-serif: var(--font-playfair), serif;
|
|
|
|
--color-brand-50: #fff7ed;
|
|
--color-brand-100: #ffedd5;
|
|
--color-brand-200: #fed7aa;
|
|
--color-brand-500: #f97316;
|
|
--color-brand-600: #ea580c;
|
|
--color-brand-700: #c2410c;
|
|
--color-brand-900: #7c2d12;
|
|
|
|
--color-dark-800: #1e1e1e;
|
|
--color-dark-900: #121212;
|
|
}
|
|
|
|
body {
|
|
background-color: var(--color-gray-50);
|
|
color: var(--color-gray-900);
|
|
-webkit-font-smoothing: antialiased;
|
|
-moz-osx-font-smoothing: grayscale;
|
|
font-family: var(--font-sans);
|
|
text-align: left;
|
|
}
|
|
|
|
/* FORCE ABSOLUE SUR LE CONTENU DU BLOG
|
|
L'utilisation de l'ID #blog-content garantit que ces règles
|
|
écrasent les styles par défaut du plugin typography.
|
|
*/
|
|
#blog-content,
|
|
#blog-content *,
|
|
.prose p,
|
|
.prose li {
|
|
word-break: keep-all !important;
|
|
/* Interdit de couper les mots */
|
|
overflow-wrap: break-word !important;
|
|
/* Autorise le retour à la ligne si le mot est trop long */
|
|
hyphens: none !important;
|
|
/* Supprime les tirets de césure */
|
|
line-break: normal !important;
|
|
/* Empêche les cassures de caractères bizarres */
|
|
}
|
|
|
|
/* Nettoyage des titres */
|
|
h1,
|
|
h2,
|
|
h3,
|
|
h4 {
|
|
word-break: normal !important;
|
|
overflow-wrap: break-word !important;
|
|
hyphens: none !important;
|
|
}
|
|
|
|
.prose p {
|
|
margin-bottom: 1.25em;
|
|
text-align: left;
|
|
}
|
|
|
|
/* Styles pour les tableaux dans le contenu */
|
|
#blog-content table,
|
|
.prose table {
|
|
width: 100%;
|
|
border-collapse: collapse;
|
|
margin: 1.5em 0;
|
|
font-size: 0.9em;
|
|
border: 1px solid #e2e8f0;
|
|
}
|
|
|
|
#blog-content th,
|
|
#blog-content td,
|
|
.prose th,
|
|
.prose td {
|
|
border: 1px solid #e2e8f0;
|
|
padding: 0.75rem;
|
|
text-align: left;
|
|
}
|
|
|
|
#blog-content th,
|
|
.prose th {
|
|
background-color: #f8fafc;
|
|
font-weight: 600;
|
|
}
|
|
|
|
#blog-content tr:nth-child(even),
|
|
.prose tr:nth-child(even) {
|
|
background-color: #fcfcfc;
|
|
} |