relay_ui 0.2.3 → 0.3.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.
Files changed (60) hide show
  1. checksums.yaml +4 -4
  2. data/lib/relay_ui/engine.rb +9 -11
  3. data/lib/relay_ui/version.rb +1 -1
  4. data/lib/rui/badges/base.rb +5 -1
  5. data/lib/rui/badges/blue.rb +3 -1
  6. data/lib/rui/badges/gray.rb +3 -1
  7. data/lib/rui/badges/green.rb +3 -1
  8. data/lib/rui/badges/purple.rb +3 -1
  9. data/lib/rui/badges/red.rb +3 -1
  10. data/lib/rui/badges/yellow.rb +3 -1
  11. data/lib/rui/badges.rb +3 -0
  12. data/lib/rui/base.rb +3 -8
  13. data/lib/rui/buttons/base.rb +9 -7
  14. data/lib/rui/buttons/destructive.rb +3 -1
  15. data/lib/rui/buttons/ghost.rb +3 -1
  16. data/lib/rui/buttons/outline.rb +3 -1
  17. data/lib/rui/buttons/primary.rb +3 -1
  18. data/lib/rui/buttons/secondary.rb +3 -1
  19. data/lib/rui/buttons.rb +3 -0
  20. data/lib/rui/card.rb +92 -0
  21. data/lib/rui/flash.rb +51 -0
  22. data/lib/rui/forms/checkbox.rb +25 -0
  23. data/lib/rui/forms/email.rb +19 -0
  24. data/lib/rui/forms/field_group.rb +5 -0
  25. data/lib/rui/forms/label.rb +7 -0
  26. data/lib/rui/forms/password.rb +18 -0
  27. data/lib/rui/forms/phone.rb +18 -0
  28. data/lib/rui/forms/radio.rb +22 -0
  29. data/lib/rui/forms/select.rb +24 -0
  30. data/lib/rui/forms/text.rb +17 -0
  31. data/lib/rui/forms/textarea.rb +18 -0
  32. data/lib/rui/forms.rb +3 -0
  33. data/lib/rui/helpers.rb +3 -0
  34. data/lib/rui/icon.rb +3 -1
  35. data/lib/rui/layout/body.rb +7 -0
  36. data/lib/rui/layout/main.rb +5 -0
  37. data/lib/rui/layout/page.rb +5 -0
  38. data/lib/rui/layout.rb +3 -0
  39. data/lib/rui/links/base.rb +5 -3
  40. data/lib/rui/links/destructive.rb +3 -1
  41. data/lib/rui/links/ghost.rb +3 -1
  42. data/lib/rui/links/outline.rb +3 -1
  43. data/lib/rui/links/primary.rb +3 -1
  44. data/lib/rui/links/secondary.rb +3 -1
  45. data/lib/rui/links.rb +3 -0
  46. data/lib/rui/markdown/generator.rb +2 -1
  47. data/lib/rui/markdown/safe.rb +3 -1
  48. data/lib/rui/markdown/safe_renderer.rb +3 -1
  49. data/lib/rui/markdown/unsafe.rb +3 -1
  50. data/lib/rui/markdown/unsafe_renderer.rb +9 -1
  51. data/lib/rui/markdown.rb +3 -0
  52. data/lib/rui/navigation/menu_button.rb +7 -0
  53. data/lib/rui/navigation/sidebar.rb +43 -0
  54. data/lib/rui/navigation/top.rb +19 -0
  55. data/lib/rui/navigation.rb +2 -50
  56. data/lib/rui/slideout.rb +9 -9
  57. data/lib/rui/table.rb +54 -0
  58. data/lib/rui/text.rb +5 -3
  59. metadata +70 -3
  60. data/dist/relay_ui/relay_ui.css +0 -595
data/dist/relay_ui/relay_ui.css DELETED
@@ -1,595 +0,0 @@
1
- /*! tailwindcss v4.0.9 | MIT License | https://tailwindcss.com */
2
- :root, :host {
3
- --rui-font-sans: ui-sans-serif, system-ui, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol',
4
- 'Noto Color Emoji';
5
- --rui-color-red-100: oklch(0.936 0.032 17.717);
6
- --rui-color-red-700: oklch(0.505 0.213 27.518);
7
- --rui-color-red-900: oklch(0.396 0.141 25.723);
8
- --rui-color-yellow-100: oklch(0.973 0.071 103.193);
9
- --rui-color-yellow-700: oklch(0.554 0.135 66.442);
10
- --rui-color-green-100: oklch(0.962 0.044 156.743);
11
- --rui-color-green-700: oklch(0.527 0.154 150.069);
12
- --rui-color-blue-100: oklch(0.932 0.032 255.585);
13
- --rui-color-blue-700: oklch(0.488 0.243 264.376);
14
- --rui-color-blue-900: oklch(0.379 0.146 265.522);
15
- --rui-color-purple-100: oklch(0.946 0.033 307.174);
16
- --rui-color-purple-700: oklch(0.496 0.265 301.924);
17
- --rui-color-gray-100: oklch(0.967 0.003 264.542);
18
- --rui-color-gray-700: oklch(0.373 0.034 259.733);
19
- --rui-color-zinc-100: oklch(0.967 0.001 286.375);
20
- --rui-color-zinc-200: oklch(0.92 0.004 286.32);
21
- --rui-color-zinc-300: oklch(0.871 0.006 286.286);
22
- --rui-color-zinc-400: oklch(0.705 0.015 286.067);
23
- --rui-color-zinc-700: oklch(0.37 0.013 285.805);
24
- --rui-color-zinc-900: oklch(0.21 0.006 285.885);
25
- --rui-color-black: #000;
26
- --rui-color-white: #fff;
27
- --rui-spacing: 0.25rem;
28
- --rui-text-xs: 0.75rem;
29
- --rui-text-xs--line-height: calc(1 / 0.75);
30
- --rui-text-sm: 0.875rem;
31
- --rui-text-sm--line-height: calc(1.25 / 0.875);
32
- --rui-text-base: 1rem;
33
- --rui-text-base--line-height: calc(1.5 / 1);
34
- --rui-text-lg: 1.125rem;
35
- --rui-text-lg--line-height: calc(1.75 / 1.125);
36
- --rui-text-xl: 1.25rem;
37
- --rui-text-xl--line-height: calc(1.75 / 1.25);
38
- --rui-text-2xl: 1.5rem;
39
- --rui-text-2xl--line-height: calc(2 / 1.5);
40
- --rui-text-3xl: 1.875rem;
41
- --rui-text-3xl--line-height: calc(2.25 / 1.875);
42
- --rui-text-4xl: 2.25rem;
43
- --rui-text-4xl--line-height: calc(2.5 / 2.25);
44
- --rui-font-weight-semibold: 600;
45
- --rui-radius-sm: 0.25rem;
46
- --rui-radius-lg: 0.5rem;
47
- --rui-ease-in-out: cubic-bezier(0.4, 0, 0.2, 1);
48
- --rui-default-transition-duration: 150ms;
49
- --rui-default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
50
- }
51
- .rui\:pointer-events-auto {
52
- pointer-events: auto;
53
- }
54
- .rui\:pointer-events-none {
55
- pointer-events: none;
56
- }
57
- .rui\:absolute {
58
- position: absolute;
59
- }
60
- .rui\:fixed {
61
- position: fixed;
62
- }
63
- .rui\:sticky {
64
- position: sticky;
65
- }
66
- .rui\:inset-0 {
67
- inset: calc(var(--rui-spacing) * 0);
68
- }
69
- .rui\:inset-y-0 {
70
- inset-block: calc(var(--rui-spacing) * 0);
71
- }
72
- .rui\:top-0 {
73
- top: calc(var(--rui-spacing) * 0);
74
- }
75
- .rui\:right-0 {
76
- right: calc(var(--rui-spacing) * 0);
77
- }
78
- .rui\:z-50 {
79
- z-index: 50;
80
- }
81
- .rui\:mx-10 {
82
- margin-inline: calc(var(--rui-spacing) * 10);
83
- }
84
- .rui\:my-1 {
85
- margin-block: calc(var(--rui-spacing) * 1);
86
- }
87
- .rui\:mt-6 {
88
- margin-top: calc(var(--rui-spacing) * 6);
89
- }
90
- .rui\:mb-4 {
91
- margin-bottom: calc(var(--rui-spacing) * 4);
92
- }
93
- .rui\:flex {
94
- display: flex;
95
- }
96
- .rui\:inline-block {
97
- display: inline-block;
98
- }
99
- .rui\:inline-flex {
100
- display: inline-flex;
101
- }
102
- .rui\:size-4 {
103
- width: calc(var(--rui-spacing) * 4);
104
- height: calc(var(--rui-spacing) * 4);
105
- }
106
- .rui\:h-full {
107
- height: 100%;
108
- }
109
- .rui\:h-screen {
110
- height: 100vh;
111
- }
112
- .rui\:max-h-screen {
113
- max-height: 100vh;
114
- }
115
- .rui\:w-full {
116
- width: 100%;
117
- }
118
- .rui\:w-screen {
119
- width: 100vw;
120
- }
121
- .rui\:max-w-1\/2 {
122
- max-width: calc(1/2 * 100%);
123
- }
124
- .rui\:-translate-x-0 {
125
- --tw-translate-x: calc(var(--rui-spacing) * -0);
126
- translate: var(--tw-translate-x) var(--tw-translate-y);
127
- }
128
- .rui\:translate-x-full {
129
- --tw-translate-x: 100%;
130
- translate: var(--tw-translate-x) var(--tw-translate-y);
131
- }
132
- .rui\:cursor-default {
133
- cursor: default;
134
- }
135
- .rui\:flex-col {
136
- flex-direction: column;
137
- }
138
- .rui\:flex-row {
139
- flex-direction: row;
140
- }
141
- .rui\:items-center {
142
- align-items: center;
143
- }
144
- .rui\:gap-2 {
145
- gap: calc(var(--rui-spacing) * 2);
146
- }
147
- .rui\:overflow-y-auto {
148
- overflow-y: auto;
149
- }
150
- .rui\:overflow-y-hidden {
151
- overflow-y: hidden;
152
- }
153
- .rui\:rounded {
154
- border-radius: 0.25rem;
155
- }
156
- .rui\:rounded-full {
157
- border-radius: calc(infinity * 1px);
158
- }
159
- .rui\:border {
160
- border-style: var(--tw-border-style);
161
- border-width: 1px;
162
- }
163
- .rui\:border-t {
164
- border-top-style: var(--tw-border-style);
165
- border-top-width: 1px;
166
- }
167
- .rui\:border-l-3 {
168
- border-left-style: var(--tw-border-style);
169
- border-left-width: 3px;
170
- }
171
- .rui\:border-blue-700 {
172
- border-color: var(--rui-color-blue-700);
173
- }
174
- .rui\:border-transparent {
175
- border-color: transparent;
176
- }
177
- .rui\:border-zinc-200 {
178
- border-color: var(--rui-color-zinc-200);
179
- }
180
- .rui\:border-zinc-700 {
181
- border-color: var(--rui-color-zinc-700);
182
- }
183
- .rui\:bg-black {
184
- background-color: var(--rui-color-black);
185
- }
186
- .rui\:bg-blue-100 {
187
- background-color: var(--rui-color-blue-100);
188
- }
189
- .rui\:bg-blue-700 {
190
- background-color: var(--rui-color-blue-700);
191
- }
192
- .rui\:bg-gray-100 {
193
- background-color: var(--rui-color-gray-100);
194
- }
195
- .rui\:bg-green-100 {
196
- background-color: var(--rui-color-green-100);
197
- }
198
- .rui\:bg-purple-100 {
199
- background-color: var(--rui-color-purple-100);
200
- }
201
- .rui\:bg-red-100 {
202
- background-color: var(--rui-color-red-100);
203
- }
204
- .rui\:bg-red-700 {
205
- background-color: var(--rui-color-red-700);
206
- }
207
- .rui\:bg-white {
208
- background-color: var(--rui-color-white);
209
- }
210
- .rui\:bg-yellow-100 {
211
- background-color: var(--rui-color-yellow-100);
212
- }
213
- .rui\:bg-zinc-700 {
214
- background-color: var(--rui-color-zinc-700);
215
- }
216
- .rui\:px-3 {
217
- padding-inline: calc(var(--rui-spacing) * 3);
218
- }
219
- .rui\:px-5 {
220
- padding-inline: calc(var(--rui-spacing) * 5);
221
- }
222
- .rui\:py-0\.5 {
223
- padding-block: calc(var(--rui-spacing) * 0.5);
224
- }
225
- .rui\:py-1 {
226
- padding-block: calc(var(--rui-spacing) * 1);
227
- }
228
- .rui\:py-10 {
229
- padding-block: calc(var(--rui-spacing) * 10);
230
- }
231
- .rui\:pt-8 {
232
- padding-top: calc(var(--rui-spacing) * 8);
233
- }
234
- .rui\:pb-4 {
235
- padding-bottom: calc(var(--rui-spacing) * 4);
236
- }
237
- .rui\:text-base {
238
- font-size: var(--rui-text-base);
239
- line-height: var(--tw-leading, var(--rui-text-base--line-height));
240
- }
241
- .rui\:text-lg {
242
- font-size: var(--rui-text-lg);
243
- line-height: var(--tw-leading, var(--rui-text-lg--line-height));
244
- }
245
- .rui\:text-sm {
246
- font-size: var(--rui-text-sm);
247
- line-height: var(--tw-leading, var(--rui-text-sm--line-height));
248
- }
249
- .rui\:text-xs {
250
- font-size: var(--rui-text-xs);
251
- line-height: var(--tw-leading, var(--rui-text-xs--line-height));
252
- }
253
- .rui\:font-semibold {
254
- --tw-font-weight: var(--rui-font-weight-semibold);
255
- font-weight: var(--rui-font-weight-semibold);
256
- }
257
- .rui\:text-blue-700 {
258
- color: var(--rui-color-blue-700);
259
- }
260
- .rui\:text-gray-700 {
261
- color: var(--rui-color-gray-700);
262
- }
263
- .rui\:text-green-700 {
264
- color: var(--rui-color-green-700);
265
- }
266
- .rui\:text-purple-700 {
267
- color: var(--rui-color-purple-700);
268
- }
269
- .rui\:text-red-700 {
270
- color: var(--rui-color-red-700);
271
- }
272
- .rui\:text-white {
273
- color: var(--rui-color-white);
274
- }
275
- .rui\:text-yellow-700 {
276
- color: var(--rui-color-yellow-700);
277
- }
278
- .rui\:text-zinc-400 {
279
- color: var(--rui-color-zinc-400);
280
- }
281
- .rui\:text-zinc-700 {
282
- color: var(--rui-color-zinc-700);
283
- }
284
- .rui\:uppercase {
285
- text-transform: uppercase;
286
- }
287
- .rui\:opacity-75 {
288
- opacity: 75%;
289
- }
290
- .rui\:shadow {
291
- --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
292
- box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
293
- }
294
- .rui\:transition {
295
- transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter;
296
- transition-timing-function: var(--tw-ease, var(--rui-default-transition-timing-function));
297
- transition-duration: var(--tw-duration, var(--rui-default-transition-duration));
298
- }
299
- .rui\:transition-opacity {
300
- transition-property: opacity;
301
- transition-timing-function: var(--tw-ease, var(--rui-default-transition-timing-function));
302
- transition-duration: var(--tw-duration, var(--rui-default-transition-duration));
303
- }
304
- .rui\:duration-100 {
305
- --tw-duration: 100ms;
306
- transition-duration: 100ms;
307
- }
308
- .rui\:duration-200 {
309
- --tw-duration: 200ms;
310
- transition-duration: 200ms;
311
- }
312
- .rui\:ease-in-out {
313
- --tw-ease: var(--rui-ease-in-out);
314
- transition-timing-function: var(--rui-ease-in-out);
315
- }
316
- .rui\:hover\:cursor-pointer {
317
- &:hover {
318
- @media (hover: hover) {
319
- cursor: pointer;
320
- }
321
- }
322
- }
323
- .rui\:hover\:border-zinc-200 {
324
- &:hover {
325
- @media (hover: hover) {
326
- border-color: var(--rui-color-zinc-200);
327
- }
328
- }
329
- }
330
- .rui\:hover\:border-zinc-900 {
331
- &:hover {
332
- @media (hover: hover) {
333
- border-color: var(--rui-color-zinc-900);
334
- }
335
- }
336
- }
337
- .rui\:hover\:bg-blue-900 {
338
- &:hover {
339
- @media (hover: hover) {
340
- background-color: var(--rui-color-blue-900);
341
- }
342
- }
343
- }
344
- .rui\:hover\:bg-red-900 {
345
- &:hover {
346
- @media (hover: hover) {
347
- background-color: var(--rui-color-red-900);
348
- }
349
- }
350
- }
351
- .rui\:hover\:bg-zinc-100 {
352
- &:hover {
353
- @media (hover: hover) {
354
- background-color: var(--rui-color-zinc-100);
355
- }
356
- }
357
- }
358
- .rui\:hover\:bg-zinc-900 {
359
- &:hover {
360
- @media (hover: hover) {
361
- background-color: var(--rui-color-zinc-900);
362
- }
363
- }
364
- }
365
- .rui\:hover\:text-zinc-700 {
366
- &:hover {
367
- @media (hover: hover) {
368
- color: var(--rui-color-zinc-700);
369
- }
370
- }
371
- }
372
- .rui\:hover\:text-zinc-900 {
373
- &:hover {
374
- @media (hover: hover) {
375
- color: var(--rui-color-zinc-900);
376
- }
377
- }
378
- }
379
- .rui\:\*\*\:\[svg\]\:stroke-blue-700 {
380
- :is(& *) {
381
- &:is(svg) {
382
- stroke: var(--rui-color-blue-700);
383
- }
384
- }
385
- }
386
- .rui\:\*\*\:\[svg\]\:stroke-zinc-300 {
387
- :is(& *) {
388
- &:is(svg) {
389
- stroke: var(--rui-color-zinc-300);
390
- }
391
- }
392
- }
393
- .rui\:hover\:\*\*\:\[svg\]\:stroke-zinc-700 {
394
- &:hover {
395
- @media (hover: hover) {
396
- :is(& *) {
397
- &:is(svg) {
398
- stroke: var(--rui-color-zinc-700);
399
- }
400
- }
401
- }
402
- }
403
- }
404
- .rui\:markdown {
405
- font-family: var(--rui-font-sans);
406
- color: var(--rui-color-zinc-700);
407
- }
408
- .rui\:markdown h1, .rui\:markdown h2, .rui\:markdown h3, .rui\:markdown h4, .rui\:markdown h5, .rui\:markdown h6 {
409
- margin-top: calc(var(--rui-spacing) * 6);
410
- margin-bottom: calc(var(--rui-spacing) * 4);
411
- --tw-font-weight: var(--rui-font-weight-semibold);
412
- font-weight: var(--rui-font-weight-semibold);
413
- }
414
- .rui\:markdown h1 {
415
- font-size: var(--rui-text-4xl);
416
- line-height: var(--tw-leading, var(--rui-text-4xl--line-height));
417
- }
418
- .rui\:markdown h2 {
419
- font-size: var(--rui-text-3xl);
420
- line-height: var(--tw-leading, var(--rui-text-3xl--line-height));
421
- }
422
- .rui\:markdown h3 {
423
- font-size: var(--rui-text-2xl);
424
- line-height: var(--tw-leading, var(--rui-text-2xl--line-height));
425
- }
426
- .rui\:markdown h4 {
427
- font-size: var(--rui-text-xl);
428
- line-height: var(--tw-leading, var(--rui-text-xl--line-height));
429
- }
430
- .rui\:markdown h5 {
431
- font-size: var(--rui-text-lg);
432
- line-height: var(--tw-leading, var(--rui-text-lg--line-height));
433
- }
434
- .rui\:markdown h6 {
435
- font-size: var(--rui-text-base);
436
- line-height: var(--tw-leading, var(--rui-text-base--line-height));
437
- }
438
- .rui\:markdown p {
439
- margin-bottom: calc(var(--rui-spacing) * 4);
440
- }
441
- .rui\:markdown a {
442
- color: var(--rui-color-blue-700);
443
- text-decoration-line: none;
444
- }
445
- .rui\:markdown a:hover {
446
- text-decoration-line: underline;
447
- }
448
- .rui\:markdown ul {
449
- margin-bottom: calc(var(--rui-spacing) * 4);
450
- list-style-type: disc;
451
- padding-left: calc(var(--rui-spacing) * 8);
452
- }
453
- .rui\:markdown ol {
454
- margin-bottom: calc(var(--rui-spacing) * 4);
455
- list-style-type: decimal;
456
- padding-left: calc(var(--rui-spacing) * 8);
457
- }
458
- .rui\:markdown code {
459
- border-radius: var(--rui-radius-sm);
460
- background-color: var(--rui-color-zinc-200);
461
- padding-inline: calc(var(--rui-spacing) * 2);
462
- padding-block: calc(var(--rui-spacing) * 0.5);
463
- white-space: break-spaces;
464
- }
465
- .rui\:markdown>div.highlight>pre.codehilite {
466
- margin-bottom: calc(var(--rui-spacing) * 4);
467
- border-radius: var(--rui-radius-lg);
468
- background-color: var(--rui-color-black);
469
- padding: calc(var(--rui-spacing) * 6);
470
- }
471
- .rui\:markdown>div.highlight>pre.codehilite>code {
472
- border-radius: 0;
473
- background-color: transparent;
474
- padding: calc(var(--rui-spacing) * 0);
475
- color: var(--rui-color-zinc-300);
476
- }
477
- .rui\:markdown blockquote {
478
- margin-bottom: calc(var(--rui-spacing) * 4);
479
- border-left-style: var(--tw-border-style);
480
- border-left-width: 4px;
481
- border-color: var(--rui-color-zinc-300);
482
- padding-left: calc(var(--rui-spacing) * 4);
483
- }
484
- .rui\:markdown hr {
485
- margin-block: calc(var(--rui-spacing) * 6);
486
- border-style: var(--tw-border-style);
487
- border-width: 0px;
488
- border-top-style: var(--tw-border-style);
489
- border-top-width: 1px;
490
- border-color: var(--rui-color-zinc-300);
491
- }
492
- .rui\:markdown table {
493
- margin-bottom: calc(var(--rui-spacing) * 4);
494
- width: 100%;
495
- border-collapse: collapse;
496
- }
497
- .rui\:markdown th, .rui\:markdown td {
498
- border-style: var(--tw-border-style);
499
- border-width: 1px;
500
- border-color: var(--rui-color-zinc-300);
501
- padding-inline: calc(var(--rui-spacing) * 4);
502
- padding-block: calc(var(--rui-spacing) * 2);
503
- text-align: left;
504
- }
505
- .rui\:markdown th {
506
- --tw-font-weight: var(--rui-font-weight-semibold);
507
- font-weight: var(--rui-font-weight-semibold);
508
- }
509
- @property --tw-translate-x {
510
- syntax: "*";
511
- inherits: false;
512
- initial-value: 0;
513
- }
514
- @property --tw-translate-y {
515
- syntax: "*";
516
- inherits: false;
517
- initial-value: 0;
518
- }
519
- @property --tw-translate-z {
520
- syntax: "*";
521
- inherits: false;
522
- initial-value: 0;
523
- }
524
- @property --tw-border-style {
525
- syntax: "*";
526
- inherits: false;
527
- initial-value: solid;
528
- }
529
- @property --tw-font-weight {
530
- syntax: "*";
531
- inherits: false;
532
- }
533
- @property --tw-shadow {
534
- syntax: "*";
535
- inherits: false;
536
- initial-value: 0 0 #0000;
537
- }
538
- @property --tw-shadow-color {
539
- syntax: "*";
540
- inherits: false;
541
- }
542
- @property --tw-inset-shadow {
543
- syntax: "*";
544
- inherits: false;
545
- initial-value: 0 0 #0000;
546
- }
547
- @property --tw-inset-shadow-color {
548
- syntax: "*";
549
- inherits: false;
550
- }
551
- @property --tw-ring-color {
552
- syntax: "*";
553
- inherits: false;
554
- }
555
- @property --tw-ring-shadow {
556
- syntax: "*";
557
- inherits: false;
558
- initial-value: 0 0 #0000;
559
- }
560
- @property --tw-inset-ring-color {
561
- syntax: "*";
562
- inherits: false;
563
- }
564
- @property --tw-inset-ring-shadow {
565
- syntax: "*";
566
- inherits: false;
567
- initial-value: 0 0 #0000;
568
- }
569
- @property --tw-ring-inset {
570
- syntax: "*";
571
- inherits: false;
572
- }
573
- @property --tw-ring-offset-width {
574
- syntax: "<length>";
575
- inherits: false;
576
- initial-value: 0px;
577
- }
578
- @property --tw-ring-offset-color {
579
- syntax: "*";
580
- inherits: false;
581
- initial-value: #fff;
582
- }
583
- @property --tw-ring-offset-shadow {
584
- syntax: "*";
585
- inherits: false;
586
- initial-value: 0 0 #0000;
587
- }
588
- @property --tw-duration {
589
- syntax: "*";
590
- inherits: false;
591
- }
592
- @property --tw-ease {
593
- syntax: "*";
594
- inherits: false;
595
- }