@stealthscale/theme-ember 0.1.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +43 -0
- package/dist/base.css +59 -0
- package/dist/density.css +33 -0
- package/dist/fonts.css +4 -0
- package/dist/index.css +7 -0
- package/dist/index.d.mts +12 -0
- package/dist/index.mjs +57 -0
- package/dist/motion.css +198 -0
- package/dist/scoped.css +309 -0
- package/dist/tailwind.css +4 -0
- package/dist/tokens.css +511 -0
- package/dist/values.d.mts +4 -0
- package/dist/values.mjs +520 -0
- package/package.json +60 -0
package/dist/scoped.css
ADDED
|
@@ -0,0 +1,309 @@
|
|
|
1
|
+
/* Generated by @stealthscale/core-theme. Do not edit. */
|
|
2
|
+
[data-theme='ember'] {
|
|
3
|
+
color-scheme: light;
|
|
4
|
+
--background: oklch(96.0% 0.020 75);
|
|
5
|
+
--foreground: oklch(20.0% 0.020 75);
|
|
6
|
+
--card: oklch(98.0% 0.015 75);
|
|
7
|
+
--card-foreground: oklch(20.0% 0.020 75);
|
|
8
|
+
--popover: oklch(99.0% 0.007 75);
|
|
9
|
+
--popover-foreground: oklch(20.0% 0.020 75);
|
|
10
|
+
--primary: oklch(52.0% 0.170 38);
|
|
11
|
+
--primary-foreground: oklch(99.0% 0.004 38);
|
|
12
|
+
--primary-ink: oklch(45.0% 0.146 38);
|
|
13
|
+
--secondary: oklch(93.0% 0.028 70);
|
|
14
|
+
--secondary-foreground: oklch(25.0% 0.028 70);
|
|
15
|
+
--muted: oklch(93.0% 0.028 70);
|
|
16
|
+
--muted-foreground: oklch(41.0% 0.028 70);
|
|
17
|
+
--accent: oklch(92.0% 0.032 232);
|
|
18
|
+
--accent-foreground: oklch(25.0% 0.028 232);
|
|
19
|
+
--destructive: oklch(56.0% 0.200 27);
|
|
20
|
+
--destructive-foreground: oklch(99.0% 0.004 27);
|
|
21
|
+
--destructive-ink: oklch(45.0% 0.180 27);
|
|
22
|
+
--success: oklch(52.0% 0.142 150);
|
|
23
|
+
--success-foreground: oklch(99.0% 0.015 150);
|
|
24
|
+
--success-ink: oklch(42.0% 0.115 150);
|
|
25
|
+
--warning: oklch(84.0% 0.150 85);
|
|
26
|
+
--warning-foreground: oklch(18.0% 0.035 85);
|
|
27
|
+
--warning-ink: oklch(43.0% 0.088 85);
|
|
28
|
+
--info: oklch(54.0% 0.114 235);
|
|
29
|
+
--info-foreground: oklch(99.0% 0.005 235);
|
|
30
|
+
--info-ink: oklch(43.0% 0.091 235);
|
|
31
|
+
--border: oklch(88.0% 0.028 70);
|
|
32
|
+
--input: oklch(65.0% 0.028 70);
|
|
33
|
+
--ring: oklch(52.0% 0.170 38);
|
|
34
|
+
--chart-1: oklch(58.0% 0.150 258);
|
|
35
|
+
--chart-2: oklch(58.0% 0.099 190);
|
|
36
|
+
--chart-3: oklch(58.0% 0.150 300);
|
|
37
|
+
--chart-4: oklch(58.0% 0.150 45);
|
|
38
|
+
--chart-5: oklch(58.0% 0.150 12);
|
|
39
|
+
--chart-positive: oklch(64.0% 0.130 150);
|
|
40
|
+
--chart-caution: oklch(70.0% 0.140 85);
|
|
41
|
+
--chart-negative: oklch(62.0% 0.170 27);
|
|
42
|
+
--code-comment: oklch(41.0% 0.028 250);
|
|
43
|
+
--code-keyword: oklch(43.0% 0.150 305);
|
|
44
|
+
--code-string: oklch(40.0% 0.084 165);
|
|
45
|
+
--code-number: oklch(42.0% 0.120 45);
|
|
46
|
+
--code-function: oklch(42.0% 0.150 265);
|
|
47
|
+
--code-type: oklch(40.0% 0.067 200);
|
|
48
|
+
--code-inserted: oklch(40.0% 0.128 140);
|
|
49
|
+
--code-deleted: oklch(43.0% 0.170 25);
|
|
50
|
+
--sidebar: oklch(95.0% 0.014 70);
|
|
51
|
+
--sidebar-foreground: oklch(25.0% 0.028 70);
|
|
52
|
+
--sidebar-primary: oklch(52.0% 0.170 38);
|
|
53
|
+
--sidebar-primary-foreground: oklch(99.0% 0.004 38);
|
|
54
|
+
--sidebar-accent: oklch(90.0% 0.042 70);
|
|
55
|
+
--sidebar-accent-foreground: oklch(25.0% 0.028 70);
|
|
56
|
+
--sidebar-border: oklch(86.0% 0.028 70);
|
|
57
|
+
--sidebar-ring: oklch(52.0% 0.170 38);
|
|
58
|
+
--overlay: oklch(15.0% 0.028 70 / 0.50);
|
|
59
|
+
--selection: oklch(86.0% 0.077 38);
|
|
60
|
+
--selection-foreground: oklch(20.0% 0.028 70);
|
|
61
|
+
--highlight: oklch(90.0% 0.107 85);
|
|
62
|
+
--highlight-foreground: oklch(20.0% 0.028 70);
|
|
63
|
+
--glass: oklch(98.0% 0.015 75 / 0.72);
|
|
64
|
+
--glass-border: oklch(20.0% 0.014 70 / 0.45);
|
|
65
|
+
--gradient-1: oklch(60.0% 0.190 38);
|
|
66
|
+
--gradient-2: oklch(60.0% 0.190 -45);
|
|
67
|
+
--gradient-3: oklch(60.0% 0.122 232);
|
|
68
|
+
--glow: oklch(62.0% 0.190 38 / 0.45);
|
|
69
|
+
--shadow: oklch(12.0% 0.025 70 / 0.25);
|
|
70
|
+
--shadow-highlight: transparent;
|
|
71
|
+
--shadow-rim: oklch(20.0% 0.014 70 / 0.10);
|
|
72
|
+
--radius: 0.625rem;
|
|
73
|
+
--font-sans: 'Jost Variable', ui-sans-serif, system-ui, sans-serif;
|
|
74
|
+
--font-mono: 'Fira Code Variable', ui-monospace, monospace;
|
|
75
|
+
--font-display: 'Bricolage Grotesque Variable', ui-sans-serif, system-ui, sans-serif;
|
|
76
|
+
|
|
77
|
+
--spacing: 0.25rem;
|
|
78
|
+
--press-scale: 0.98;
|
|
79
|
+
|
|
80
|
+
--text-2xl: 1.5rem;
|
|
81
|
+
--text-2xl--line-height: calc(2 / 1.5);
|
|
82
|
+
--text-3xl: 1.875rem;
|
|
83
|
+
--text-3xl--line-height: calc(2.25 / 1.875);
|
|
84
|
+
--text-4xl: 2.25rem;
|
|
85
|
+
--text-4xl--line-height: calc(2.5 / 2.25);
|
|
86
|
+
--text-5xl: 3rem;
|
|
87
|
+
--text-5xl--line-height: calc(3 / 3);
|
|
88
|
+
--text-6xl: 3.75rem;
|
|
89
|
+
--text-6xl--line-height: calc(3.75 / 3.75);
|
|
90
|
+
--text-7xl: 4.5rem;
|
|
91
|
+
--text-7xl--line-height: calc(4.5 / 4.5);
|
|
92
|
+
--text-8xl: 6rem;
|
|
93
|
+
--text-8xl--line-height: calc(6 / 6);
|
|
94
|
+
--text-9xl: 8rem;
|
|
95
|
+
--text-9xl--line-height: calc(8 / 8);
|
|
96
|
+
--text-base: 1rem;
|
|
97
|
+
--text-base--line-height: calc(1.5 / 1);
|
|
98
|
+
--text-lg: 1.125rem;
|
|
99
|
+
--text-lg--line-height: calc(1.75 / 1.125);
|
|
100
|
+
--text-sm: 0.875rem;
|
|
101
|
+
--text-sm--line-height: calc(1.25 / 0.875);
|
|
102
|
+
--text-xl: 1.25rem;
|
|
103
|
+
--text-xl--line-height: calc(1.75 / 1.25);
|
|
104
|
+
--text-xs: 0.75rem;
|
|
105
|
+
--text-xs--line-height: calc(1 / 0.75);
|
|
106
|
+
|
|
107
|
+
--font-weight-black: 900;
|
|
108
|
+
--font-weight-bold: 700;
|
|
109
|
+
--font-weight-extrabold: 800;
|
|
110
|
+
--font-weight-extralight: 200;
|
|
111
|
+
--font-weight-light: 300;
|
|
112
|
+
--font-weight-medium: 500;
|
|
113
|
+
--font-weight-normal: 400;
|
|
114
|
+
--font-weight-semibold: 600;
|
|
115
|
+
--font-weight-thin: 100;
|
|
116
|
+
|
|
117
|
+
--tracking-normal: 0em;
|
|
118
|
+
--tracking-tight: -0.025em;
|
|
119
|
+
--tracking-tighter: -0.05em;
|
|
120
|
+
--tracking-wide: 0.025em;
|
|
121
|
+
--tracking-wider: 0.05em;
|
|
122
|
+
--tracking-widest: 0.1em;
|
|
123
|
+
|
|
124
|
+
--leading-loose: 2;
|
|
125
|
+
--leading-none: 1;
|
|
126
|
+
--leading-normal: 1.5;
|
|
127
|
+
--leading-relaxed: 1.625;
|
|
128
|
+
--leading-snug: 1.375;
|
|
129
|
+
--leading-tight: 1.25;
|
|
130
|
+
|
|
131
|
+
--shadow-2xl: inset 0 1px 0 0 var(--shadow-highlight), 0 0 0 1px color-mix(in oklch, var(--shadow-rim) 50%, transparent), 0 25px 50px -12px color-mix(in oklch, var(--shadow) 50%, transparent);
|
|
132
|
+
--shadow-2xs: inset 0 1px 0 0 var(--shadow-highlight), 0 1px color-mix(in oklch, var(--shadow) 10%, transparent);
|
|
133
|
+
--shadow-lg: inset 0 1px 0 0 var(--shadow-highlight), 0 0 0 1px color-mix(in oklch, var(--shadow-rim) 30%, transparent), 0 10px 15px -3px color-mix(in oklch, var(--shadow) 20%, transparent), 0 4px 6px -4px color-mix(in oklch, var(--shadow) 20%, transparent);
|
|
134
|
+
--shadow-md: inset 0 1px 0 0 var(--shadow-highlight), 0 0 0 1px color-mix(in oklch, var(--shadow-rim) 20%, transparent), 0 4px 6px -1px color-mix(in oklch, var(--shadow) 20%, transparent), 0 2px 4px -2px color-mix(in oklch, var(--shadow) 20%, transparent);
|
|
135
|
+
--shadow-sm: inset 0 1px 0 0 var(--shadow-highlight), 0 1px 3px 0 color-mix(in oklch, var(--shadow) 20%, transparent), 0 1px 2px -1px color-mix(in oklch, var(--shadow) 20%, transparent);
|
|
136
|
+
--shadow-xl: inset 0 1px 0 0 var(--shadow-highlight), 0 0 0 1px color-mix(in oklch, var(--shadow-rim) 40%, transparent), 0 20px 25px -5px color-mix(in oklch, var(--shadow) 20%, transparent), 0 8px 10px -6px color-mix(in oklch, var(--shadow) 20%, transparent);
|
|
137
|
+
--shadow-xs: inset 0 1px 0 0 var(--shadow-highlight), 0 1px 2px 0 color-mix(in oklch, var(--shadow) 10%, transparent);
|
|
138
|
+
--shadow-glow-lg: 0 0 48px -4px color-mix(in oklch, var(--glow) 50%, transparent), 0 0 16px -2px color-mix(in oklch, var(--glow) 30%, transparent);
|
|
139
|
+
--shadow-glow-md: 0 0 24px -2px color-mix(in oklch, var(--glow) 45%, transparent), 0 0 8px -1px color-mix(in oklch, var(--glow) 25%, transparent);
|
|
140
|
+
--shadow-glow-sm: 0 0 12px -2px color-mix(in oklch, var(--glow) 40%, transparent);
|
|
141
|
+
|
|
142
|
+
--inset-shadow-2xs: inset 0 1px color-mix(in oklch, var(--shadow) 10%, transparent);
|
|
143
|
+
--inset-shadow-sm: inset 0 2px 4px color-mix(in oklch, var(--shadow) 10%, transparent);
|
|
144
|
+
--inset-shadow-xs: inset 0 1px 1px color-mix(in oklch, var(--shadow) 10%, transparent);
|
|
145
|
+
|
|
146
|
+
--drop-shadow-2xl: 0 25px 25px color-mix(in oklch, var(--shadow) 30%, transparent);
|
|
147
|
+
--drop-shadow-lg: 0 10px 8px color-mix(in oklch, var(--shadow) 30%, transparent), 0 4px 3px color-mix(in oklch, var(--shadow) 20%, transparent);
|
|
148
|
+
--drop-shadow-md: 0 4px 3px color-mix(in oklch, var(--shadow) 20%, transparent), 0 2px 2px color-mix(in oklch, var(--shadow) 30%, transparent);
|
|
149
|
+
--drop-shadow-sm: 0 1px 1px color-mix(in oklch, var(--shadow) 10%, transparent);
|
|
150
|
+
--drop-shadow-xl: 0 20px 13px color-mix(in oklch, var(--shadow) 30%, transparent), 0 8px 5px color-mix(in oklch, var(--shadow) 20%, transparent);
|
|
151
|
+
--drop-shadow-xs: 0 1px 1px color-mix(in oklch, var(--shadow) 10%, transparent);
|
|
152
|
+
|
|
153
|
+
--text-shadow-2xs: 0px 1px 0px color-mix(in oklch, var(--shadow) 30%, transparent);
|
|
154
|
+
--text-shadow-lg: 0px 1px 2px color-mix(in oklch, var(--shadow) 20%, transparent), 0px 3px 2px color-mix(in oklch, var(--shadow) 20%, transparent), 0px 4px 8px color-mix(in oklch, var(--shadow) 20%, transparent);
|
|
155
|
+
--text-shadow-md: 0px 1px 1px color-mix(in oklch, var(--shadow) 20%, transparent), 0px 1px 2px color-mix(in oklch, var(--shadow) 20%, transparent), 0px 2px 4px color-mix(in oklch, var(--shadow) 20%, transparent);
|
|
156
|
+
--text-shadow-sm: 0px 1px 0px color-mix(in oklch, var(--shadow) 15%, transparent), 0px 1px 1px color-mix(in oklch, var(--shadow) 15%, transparent), 0px 2px 2px color-mix(in oklch, var(--shadow) 15%, transparent);
|
|
157
|
+
--text-shadow-xs: 0px 1px 1px color-mix(in oklch, var(--shadow) 40%, transparent);
|
|
158
|
+
|
|
159
|
+
--blur-2xl: 40px;
|
|
160
|
+
--blur-3xl: 64px;
|
|
161
|
+
--blur-lg: 16px;
|
|
162
|
+
--blur-md: 12px;
|
|
163
|
+
--blur-sm: 8px;
|
|
164
|
+
--blur-xl: 24px;
|
|
165
|
+
--blur-xs: 4px;
|
|
166
|
+
|
|
167
|
+
--perspective-distant: 1200px;
|
|
168
|
+
--perspective-dramatic: 100px;
|
|
169
|
+
--perspective-midrange: 800px;
|
|
170
|
+
--perspective-near: 300px;
|
|
171
|
+
--perspective-normal: 500px;
|
|
172
|
+
|
|
173
|
+
--ease-in: cubic-bezier(0.4, 0, 1, 1);
|
|
174
|
+
--ease-in-out: cubic-bezier(0.4, 0, 0.2, 1);
|
|
175
|
+
--ease-out: cubic-bezier(0, 0, 0.2, 1);
|
|
176
|
+
--ease-spring: cubic-bezier(0.34, 1.56, 0.64, 1);
|
|
177
|
+
|
|
178
|
+
--duration-fast: 80ms;
|
|
179
|
+
--duration-normal: 160ms;
|
|
180
|
+
--duration-slow: 280ms;
|
|
181
|
+
|
|
182
|
+
--animate-collapse-down: collapse-down var(--duration-normal) var(--ease-out) forwards;
|
|
183
|
+
--animate-collapse-up: collapse-up var(--duration-normal) var(--ease-in) forwards;
|
|
184
|
+
--animate-fade-in: fade-in var(--duration-normal) var(--ease-out) backwards;
|
|
185
|
+
--animate-fade-out: fade-out var(--duration-fast) var(--ease-in) forwards;
|
|
186
|
+
--animate-ping: ping 1s var(--ease-out) infinite;
|
|
187
|
+
--animate-pulse: pulse 2s var(--ease-in-out) infinite;
|
|
188
|
+
--animate-shimmer: shimmer 1.6s linear infinite;
|
|
189
|
+
--animate-slide-in-from-bottom: slide-in-from-bottom var(--duration-normal) var(--ease-out) backwards;
|
|
190
|
+
--animate-slide-in-from-left: slide-in-from-left var(--duration-normal) var(--ease-out) backwards;
|
|
191
|
+
--animate-slide-in-from-right: slide-in-from-right var(--duration-normal) var(--ease-out) backwards;
|
|
192
|
+
--animate-slide-in-from-top: slide-in-from-top var(--duration-normal) var(--ease-out) backwards;
|
|
193
|
+
--animate-slide-out-to-bottom: slide-out-to-bottom var(--duration-fast) var(--ease-in) forwards;
|
|
194
|
+
--animate-slide-out-to-top: slide-out-to-top var(--duration-fast) var(--ease-in) forwards;
|
|
195
|
+
--animate-spin: spin 1s linear infinite;
|
|
196
|
+
--animate-zoom-in: zoom-in var(--duration-normal) var(--ease-out) backwards;
|
|
197
|
+
--animate-zoom-out: zoom-out var(--duration-fast) var(--ease-in) forwards;
|
|
198
|
+
|
|
199
|
+
--focus-width: 2px;
|
|
200
|
+
--height-xs: 1.5rem;
|
|
201
|
+
--height-sm: 1.75rem;
|
|
202
|
+
--height-md: 2rem;
|
|
203
|
+
--height-lg: 2.25rem;
|
|
204
|
+
--focus-offset: 0px;
|
|
205
|
+
}
|
|
206
|
+
|
|
207
|
+
[data-theme='ember'].dark,
|
|
208
|
+
.dark [data-theme='ember'] {
|
|
209
|
+
color-scheme: dark;
|
|
210
|
+
--background: oklch(14.0% 0.020 75);
|
|
211
|
+
--foreground: oklch(96.0% 0.020 75);
|
|
212
|
+
--card: oklch(19.0% 0.016 75);
|
|
213
|
+
--card-foreground: oklch(96.0% 0.020 75);
|
|
214
|
+
--popover: oklch(22.0% 0.016 75);
|
|
215
|
+
--popover-foreground: oklch(96.0% 0.020 75);
|
|
216
|
+
--primary: oklch(57.0% 0.186 38);
|
|
217
|
+
--primary-foreground: oklch(98.0% 0.009 38);
|
|
218
|
+
--primary-ink: oklch(75.0% 0.154 38);
|
|
219
|
+
--secondary: oklch(24.0% 0.028 70);
|
|
220
|
+
--secondary-foreground: oklch(95.0% 0.028 70);
|
|
221
|
+
--muted: oklch(24.0% 0.028 70);
|
|
222
|
+
--muted-foreground: oklch(76.0% 0.028 70);
|
|
223
|
+
--accent: oklch(29.0% 0.032 232);
|
|
224
|
+
--accent-foreground: oklch(95.0% 0.028 232);
|
|
225
|
+
--destructive: oklch(57.0% 0.200 27);
|
|
226
|
+
--destructive-foreground: oklch(98.0% 0.009 27);
|
|
227
|
+
--destructive-ink: oklch(75.0% 0.150 27);
|
|
228
|
+
--success: oklch(54.0% 0.148 150);
|
|
229
|
+
--success-foreground: oklch(98.0% 0.031 150);
|
|
230
|
+
--success-ink: oklch(75.0% 0.140 150);
|
|
231
|
+
--warning: oklch(82.0% 0.150 85);
|
|
232
|
+
--warning-foreground: oklch(18.0% 0.035 85);
|
|
233
|
+
--warning-ink: oklch(75.0% 0.140 85);
|
|
234
|
+
--info: oklch(54.0% 0.114 235);
|
|
235
|
+
--info-foreground: oklch(98.0% 0.010 235);
|
|
236
|
+
--info-ink: oklch(75.0% 0.140 235);
|
|
237
|
+
--border: oklch(28.0% 0.028 70);
|
|
238
|
+
--input: oklch(50.0% 0.028 70);
|
|
239
|
+
--ring: oklch(60.0% 0.190 38);
|
|
240
|
+
--chart-1: oklch(68.0% 0.150 258);
|
|
241
|
+
--chart-2: oklch(68.0% 0.117 190);
|
|
242
|
+
--chart-3: oklch(68.0% 0.150 300);
|
|
243
|
+
--chart-4: oklch(68.0% 0.150 45);
|
|
244
|
+
--chart-5: oklch(68.0% 0.150 12);
|
|
245
|
+
--chart-positive: oklch(74.0% 0.130 150);
|
|
246
|
+
--chart-caution: oklch(80.0% 0.140 85);
|
|
247
|
+
--chart-negative: oklch(72.0% 0.170 27);
|
|
248
|
+
--code-comment: oklch(78.0% 0.028 250);
|
|
249
|
+
--code-keyword: oklch(78.0% 0.140 305);
|
|
250
|
+
--code-string: oklch(78.0% 0.130 165);
|
|
251
|
+
--code-number: oklch(78.0% 0.136 45);
|
|
252
|
+
--code-function: oklch(78.0% 0.111 265);
|
|
253
|
+
--code-type: oklch(78.0% 0.132 200);
|
|
254
|
+
--code-inserted: oklch(78.0% 0.130 140);
|
|
255
|
+
--code-deleted: oklch(78.0% 0.128 25);
|
|
256
|
+
--sidebar: oklch(16.0% 0.014 70);
|
|
257
|
+
--sidebar-foreground: oklch(92.0% 0.028 70);
|
|
258
|
+
--sidebar-primary: oklch(57.0% 0.186 38);
|
|
259
|
+
--sidebar-primary-foreground: oklch(98.0% 0.009 38);
|
|
260
|
+
--sidebar-accent: oklch(23.0% 0.042 70);
|
|
261
|
+
--sidebar-accent-foreground: oklch(95.0% 0.028 70);
|
|
262
|
+
--sidebar-border: oklch(27.0% 0.028 70);
|
|
263
|
+
--sidebar-ring: oklch(60.0% 0.190 38);
|
|
264
|
+
--overlay: oklch(3.0% 0.006 70 / 0.70);
|
|
265
|
+
--selection: oklch(36.0% 0.095 38);
|
|
266
|
+
--selection-foreground: oklch(96.0% 0.028 70);
|
|
267
|
+
--highlight: oklch(40.0% 0.081 85);
|
|
268
|
+
--highlight-foreground: oklch(96.0% 0.028 70);
|
|
269
|
+
--glass: oklch(19.0% 0.016 75 / 0.60);
|
|
270
|
+
--glass-border: oklch(96.0% 0.014 70 / 0.28);
|
|
271
|
+
--gradient-1: oklch(68.0% 0.190 38);
|
|
272
|
+
--gradient-2: oklch(68.0% 0.190 -45);
|
|
273
|
+
--gradient-3: oklch(68.0% 0.138 232);
|
|
274
|
+
--glow: oklch(72.0% 0.178 38 / 0.60);
|
|
275
|
+
--shadow: oklch(4.0% 0.008 70 / 0.90);
|
|
276
|
+
--shadow-highlight: oklch(98.0% 0.005 70 / 0.20);
|
|
277
|
+
--shadow-rim: oklch(96.0% 0.014 70 / 0.32);
|
|
278
|
+
--radius: 0.625rem;
|
|
279
|
+
--font-sans: 'Jost Variable', ui-sans-serif, system-ui, sans-serif;
|
|
280
|
+
--font-mono: 'Fira Code Variable', ui-monospace, monospace;
|
|
281
|
+
--font-display: 'Bricolage Grotesque Variable', ui-sans-serif, system-ui, sans-serif;
|
|
282
|
+
}
|
|
283
|
+
|
|
284
|
+
[data-theme='ember'][data-density='comfortable'],
|
|
285
|
+
[data-theme='ember'] [data-density='comfortable'] {
|
|
286
|
+
--height-xs: 2rem;
|
|
287
|
+
--height-sm: 2.25rem;
|
|
288
|
+
--height-md: 2.5rem;
|
|
289
|
+
--height-lg: 2.75rem;
|
|
290
|
+
--focus-offset: 2px;
|
|
291
|
+
}
|
|
292
|
+
|
|
293
|
+
[data-theme='ember'][data-density='compact'],
|
|
294
|
+
[data-theme='ember'] [data-density='compact'] {
|
|
295
|
+
--height-xs: 1.5rem;
|
|
296
|
+
--height-sm: 1.75rem;
|
|
297
|
+
--height-md: 2rem;
|
|
298
|
+
--height-lg: 2.25rem;
|
|
299
|
+
--focus-offset: 0px;
|
|
300
|
+
}
|
|
301
|
+
|
|
302
|
+
[data-theme='ember'][data-density='touch'],
|
|
303
|
+
[data-theme='ember'] [data-density='touch'] {
|
|
304
|
+
--height-xs: 2.25rem;
|
|
305
|
+
--height-sm: 2.5rem;
|
|
306
|
+
--height-md: 2.75rem;
|
|
307
|
+
--height-lg: 3rem;
|
|
308
|
+
--focus-offset: 2px;
|
|
309
|
+
}
|