60 lines
1.4 KiB
CSS
60 lines
1.4 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;
|
|
} |