-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathtailwind.css
More file actions
118 lines (113 loc) · 4.91 KB
/
Copy pathtailwind.css
File metadata and controls
118 lines (113 loc) · 4.91 KB
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
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
@theme inline {
/* Semantic theme colors */
--color-background: var(--pw-color-background);
--color-foreground: var(--pw-color-foreground);
--color-foreground-muted: var(--pw-color-foreground-muted);
--color-foreground-subtle: var(--pw-color-foreground-subtle);
--color-rule: var(--pw-color-rule);
--color-accent: var(--pw-color-accent);
--color-brand-signal: var(--pw-color-signal);
--color-state-success: var(--pw-color-success);
--color-state-warning: var(--pw-color-warning);
--color-state-error: var(--pw-color-error);
--color-state-info: var(--pw-color-info);
/* Stable palette and categorical accents */
--color-palette-paper: var(--pw-palette-paper);
--color-palette-bone: var(--pw-palette-bone);
--color-palette-fog: var(--pw-palette-fog);
--color-palette-bronze: var(--pw-palette-bronze);
--color-palette-ochre: var(--pw-palette-ochre);
--color-palette-clay: var(--pw-palette-clay);
--color-palette-mauve: var(--pw-palette-mauve);
--color-palette-oxblood: var(--pw-palette-oxblood);
--color-palette-sage: var(--pw-palette-sage);
--color-palette-teal: var(--pw-palette-teal);
--color-palette-slate: var(--pw-palette-slate);
--color-palette-shadow: var(--pw-palette-shadow);
--color-palette-umber: var(--pw-palette-umber);
--color-palette-ink: var(--pw-palette-ink);
--color-palette-night: var(--pw-palette-night);
--color-palette-cream: var(--pw-palette-cream);
--color-accent-clay: var(--pw-palette-clay);
--color-accent-maroon: var(--pw-palette-oxblood);
--color-accent-bronze: var(--pw-palette-bronze);
--color-accent-green: var(--pw-palette-sage);
--color-accent-teal: var(--pw-palette-teal);
/* Typography */
--font-display: var(--pw-font-display);
--font-sans: var(--pw-font-sans);
--font-mono: var(--pw-font-mono);
--text-display: var(--pw-text-display);
--text-display--line-height: var(--pw-leading-display);
--text-display-sm: var(--pw-text-display-sm);
--text-display-sm--line-height: var(--pw-leading-display-sm);
--text-h1: var(--pw-text-h1);
--text-h1--line-height: var(--pw-leading-h1);
--text-h2: var(--pw-text-h2);
--text-h2--line-height: var(--pw-leading-h2);
--text-h3: var(--pw-text-h3);
--text-h3--line-height: var(--pw-leading-h3);
--text-lead: var(--pw-text-lead);
--text-lead--line-height: var(--pw-leading-lead);
--text-body: var(--pw-text-body);
--text-body--line-height: var(--pw-leading-body);
--text-caption: var(--pw-text-caption);
--text-caption--line-height: var(--pw-leading-caption);
--text-caption-sm: var(--pw-text-caption-sm);
--text-caption-sm--line-height: var(--pw-leading-caption);
--text-signal: var(--pw-text-signal);
--text-signal--line-height: var(--pw-leading-signal);
--leading-display: var(--pw-leading-display);
--leading-display-sm: var(--pw-leading-display-sm);
--leading-h1: var(--pw-leading-h1);
--leading-h2: var(--pw-leading-h2);
--leading-h3: var(--pw-leading-h3);
--leading-lead: var(--pw-leading-lead);
--leading-body: var(--pw-leading-body);
--leading-caption: var(--pw-leading-caption);
--leading-signal: var(--pw-leading-signal);
--tracking-display: var(--pw-tracking-display);
--tracking-h1: var(--pw-tracking-h1);
--tracking-h2: var(--pw-tracking-h2);
--tracking-caption: var(--pw-tracking-caption);
/* Motion */
--ease-edit: var(--pw-ease-edit);
--ease-reveal: var(--pw-ease-reveal);
--ease-cut: var(--pw-ease-cut);
--transition-duration-quick: var(--pw-duration-quick);
--transition-duration-medium: var(--pw-duration-medium);
--transition-duration-slow: var(--pw-duration-slow);
/* Geometry and elevation */
--border-width-hairline: var(--pw-border-hairline);
--border-width-thick: var(--pw-border-thick);
--radius-none: var(--pw-radius-none);
--radius-tight: var(--pw-radius-tight);
--radius-soft: var(--pw-radius-soft);
--shadow-soft: var(--pw-shadow-soft);
--shadow-edit: var(--pw-shadow-edit);
--shadow-overlay: var(--pw-shadow-overlay);
/* Spacing and sizing */
--spacing-inline: var(--pw-space-inline);
--spacing-block: var(--pw-space-block);
--spacing-section: var(--pw-space-section);
--spacing-page: var(--pw-inset-page);
--spacing-page-wide: var(--pw-inset-page-wide);
--spacing-panel: var(--pw-panel-padding);
--spacing-hit-target: var(--pw-hit-target-min);
--spacing-control-compact: var(--pw-control-sm);
--spacing-control-default: var(--pw-control-md);
--spacing-icon-sm: var(--pw-icon-sm);
--spacing-icon-md: var(--pw-icon-md);
--spacing-icon-lg: var(--pw-icon-lg);
--spacing-icon-xl: var(--pw-icon-xl);
--width-narrow: var(--pw-width-narrow);
--width-prose: var(--pw-width-prose);
--width-wide: var(--pw-width-wide);
--width-content: var(--pw-width-content);
--width-page: var(--pw-width-page);
--aspect-square: var(--pw-aspect-square);
--aspect-portrait: var(--pw-aspect-portrait);
--aspect-landscape: var(--pw-aspect-landscape);
--aspect-hero: var(--pw-aspect-hero);
--aspect-wide: var(--pw-aspect-wide);
}