developer-docs/tailwind.css at main · worldcoin/developer-docs · 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
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
@tailwind base;
@tailwind components;
@tailwind utilities;

@layer base {
  html {
    font-family:
      "TWK Lausanne",
      ui-sans-serif,
      system-ui,
      -apple-system,
      "Segoe UI",
      Roboto,
      "Helvetica Neue",
      Arial,
      "Noto Sans",
      "Apple Color Emoji",
      "Segoe UI Emoji",
      "Segoe UI Symbol";
  }
}

@layer components {
  /* Page content text links only (anchors without custom classes) */
  .prose a:not([class]),
  .prose a:not([class]):hover,
  .prose a:not([class]):focus {
    color: #1989fb !important;
    text-decoration: none !important;
    background-image: none !important;
    border-bottom: none !important;
    box-shadow: none !important;
  }

  /* Specific smaller image override for Mini Apps template screenshot */
  .img-miniapps-template {
    width: 220px !important;
    max-width: 220px !important;
    height: auto !important;
  }

  /* Improve select dropdown option contrast in light/dark modes */
  select,
  select option {
    color: inherit;
  }
  :root select option {
    background-color: #ffffff;
    color: #0f172a; /* slate-900 */
  }
  .dark select option {
    background-color: #0b1220; /* near slate-950 */
    color: #e5e7eb; /* gray-200 */
  }

  /* Quickstart: tighten code block spacing within the card */
  .quickstart-code .code-block {
    margin-top: 0.5rem !important;
    margin-bottom: 0.75rem !important;
  }

  /* Quickstart: remove code block background while keeping syntax colors */
  .quickstart-code .code-block .code-block-background,
  .quickstart-code .code-block .code-block-background pre.shiki {
    background: transparent !important;
    background-color: transparent !important;
  }

  /* Quickstart: hide code fade overlay to avoid white brush near copy button */
  .quickstart-code .code-block [data-fade-overlay="true"] {
    display: none !important;
  }

}