📦 EqualifyEverything / equalify-reflow-docs

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
39
40
41
42
43@import 'highlight.js/styles/github-dark.css';

@tailwind base;
@tailwind components;
@tailwind utilities;

@layer base {
  body {
    @apply antialiased text-gray-900 bg-white;
  }

  /* Links */
  .prose a {
    @apply text-uic-blue underline;
  }

  /* 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;
  }
}