50 lines
992 B
CSS
50 lines
992 B
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;
|
|
hyphens: none !important;
|
|
}
|
|
|
|
* {
|
|
hyphens: none !important;
|
|
}
|
|
|
|
.prose {
|
|
text-align: left;
|
|
hyphens: none !important;
|
|
word-break: normal !important;
|
|
overflow-wrap: break-word;
|
|
}
|
|
|
|
.prose p {
|
|
margin-bottom: 1.25em;
|
|
text-align: left;
|
|
}
|
|
|
|
h1, h2, h3, h4, h5, h6 {
|
|
overflow-wrap: break-word;
|
|
hyphens: none !important;
|
|
text-align: left;
|
|
} |