1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38@import 'highlight.js/styles/github-dark.css';
@tailwind base;
@tailwind components;
@tailwind utilities;
@layer base {
body {
@apply antialiased text-gray-900 bg-white;
}
/* Inline code (not inside pre blocks) */
.prose :not(pre) > code {
@apply bg-gray-100 text-gray-800 px-1.5 py-0.5 rounded text-sm font-mono;
}
/* Remove prose default backtick decoration */
.prose :not(pre) > code::before,
.prose :not(pre) > code::after {
content: none;
}
/* Code blocks */
.prose pre {
@apply bg-gray-900 rounded-lg overflow-x-auto p-4 my-4;
}
.prose pre code {
@apply bg-transparent p-0 text-sm leading-relaxed;
color: inherit;
}
/* Ensure highlight.js themes apply */
.prose pre code.hljs {
@apply bg-transparent p-0;
}
}