daisyui/src/components/styled/typography.css at ff313a45cea023c852903138ea032ac2d0a217f4 · saadeghi/daisyui · GitHub

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
:root .prose {
  --tw-prose-body: theme(colors.base-content/0.8);
  --tw-prose-headings: theme(colors.base-content);
  --tw-prose-lead: theme(colors.base-content);
  --tw-prose-links: theme(colors.base-content);
  --tw-prose-bold: theme(colors.base-content);
  --tw-prose-counters: theme(colors.base-content);
  --tw-prose-bullets: theme(colors.base-content/0.5);
  --tw-prose-hr: theme(colors.base-content/0.2);
  --tw-prose-quotes: theme(colors.base-content);
  --tw-prose-quote-borders: theme(colors.base-content/0.2);
  --tw-prose-captions: theme(colors.base-content/0.5);
  --tw-prose-code: theme(colors.base-content);
  --tw-prose-pre-code: theme(colors.neutral-content);
  --tw-prose-pre-bg: theme(colors.neutral);
  --tw-prose-th-borders: theme(colors.base-content/0.5);
  --tw-prose-td-borders: theme(colors.base-content/0.2);
}
.prose {
  & :where(code):not(:where([class~="not-prose"] *, pre *)) {
    padding: 1px 8px;
    border-radius: var(--rounded-badge);
    font-weight: initial;
    background-color: theme(colors.base-content/0.1);
    @supports not (color: oklch(0% 0 0)) {
      background-color: theme(colors.base-300);
    }
  }
  & :where(code):not(:where([class~="not-prose"], [class~="not-prose"] *))::before,
  & :where(code):not(:where([class~="not-prose"], [class~="not-prose"] *))::after {
    display: none;
  }
  pre {
    code {
      border-radius: 0;
      padding: 0;
    }
  }
  & :where(tbody tr, thead):not(:where([class~="not-prose"] *)) {
    border-bottom-color: theme(colors.base-content/0.2);
  }
}