t3code/apps/desktop/src/preview/Annotation.css at main · pingdotgg/t3code · 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
@import "tailwindcss";

@theme inline {
  --font-sans: var(--t3-font-sans);
  --font-mono: var(--t3-font-mono);
  --color-background: var(--t3-background);
  --color-foreground: var(--t3-foreground);
  --color-popover: var(--t3-popover);
  --color-popover-foreground: var(--t3-popover-foreground);
  --color-primary: var(--t3-primary);
  --color-primary-foreground: var(--t3-primary-foreground);
  --color-muted: var(--t3-muted);
  --color-muted-foreground: var(--t3-muted-foreground);
  --color-accent: var(--t3-accent);
  --color-accent-foreground: var(--t3-accent-foreground);
  --color-border: var(--t3-border);
  --color-input: var(--t3-input);
  --color-ring: var(--t3-ring);
  --radius-sm: calc(var(--t3-radius) - 4px);
  --radius-md: calc(var(--t3-radius) - 2px);
  --radius-lg: var(--t3-radius);
  --radius-xl: calc(var(--t3-radius) + 4px);
  --radius-2xl: calc(var(--t3-radius) + 8px);
}

:host {
  --t3-font-sans:
    "DM Sans Variable", "DM Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui,
    sans-serif;
  --t3-font-mono:
    "SF Mono", "SFMono-Regular", "JetBrains Mono", Consolas, "Liberation Mono", Menlo, monospace;
  --t3-radius: 0.625rem;
  --t3-background: white;
  --t3-foreground: oklch(0.269 0 0);
  --t3-popover: white;
  --t3-popover-foreground: oklch(0.269 0 0);
  --t3-primary: oklch(0.488 0.217 264);
  --t3-primary-foreground: white;
  --t3-destructive: oklch(0.577 0.245 27.325);
  --t3-muted: rgb(0 0 0 / 4%);
  --t3-muted-foreground: oklch(0.556 0 0);
  --t3-accent: rgb(0 0 0 / 4%);
  --t3-accent-foreground: oklch(0.269 0 0);
  --t3-border: rgb(0 0 0 / 8%);
  --t3-input: rgb(0 0 0 / 10%);
  --t3-ring: oklch(0.488 0.217 264);
  color: var(--t3-foreground);
  font-family: var(--t3-font-sans);
}

* {
  box-sizing: border-box;
  border-color: var(--t3-border);
}

button,
input,
select,
textarea {
  font: inherit;
}

button:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible {
  outline: 2px solid color-mix(in srgb, var(--t3-ring) 72%, transparent);
  outline-offset: -2px;
}

/* Utility display classes must not override the native hidden state. */
[hidden] {
  display: none !important;
}