@marigold/theme-rui 5.0.1 → 5.2.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/dist/appearances.cjs +368 -0
- package/dist/appearances.cjs.map +1 -0
- package/dist/appearances.d.cts +239 -0
- package/dist/appearances.d.cts.map +1 -0
- package/dist/appearances.d.mts +239 -0
- package/dist/appearances.d.mts.map +1 -0
- package/dist/appearances.mjs +366 -0
- package/dist/appearances.mjs.map +1 -0
- package/dist/index.cjs +606 -475
- package/dist/index.cjs.map +1 -1
- package/dist/index.d.cts.map +1 -1
- package/dist/index.d.mts.map +1 -1
- package/dist/index.mjs +604 -473
- package/dist/index.mjs.map +1 -1
- package/dist/styles.css +1007 -610
- package/dist/theme.css +55 -31
- package/dist/ui.css +151 -7
- package/dist/utils.css +0 -57
- package/dist/variants.css +1 -0
- package/package.json +18 -11
package/dist/styles.css
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/*! tailwindcss v4.1
|
|
1
|
+
/*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */
|
|
2
2
|
@layer properties;
|
|
3
3
|
@layer theme, base, components, utilities;
|
|
4
4
|
@layer theme {
|
|
@@ -66,6 +66,7 @@
|
|
|
66
66
|
--color-black: #000;
|
|
67
67
|
--color-white: #fff;
|
|
68
68
|
--spacing: 0.25rem;
|
|
69
|
+
--breakpoint-sm: 40rem;
|
|
69
70
|
--container-3xs: 16rem;
|
|
70
71
|
--container-xs: 20rem;
|
|
71
72
|
--container-sm: 24rem;
|
|
@@ -106,6 +107,7 @@
|
|
|
106
107
|
--font-weight-bold: 700;
|
|
107
108
|
--font-weight-extrabold: 800;
|
|
108
109
|
--font-weight-black: 900;
|
|
110
|
+
--tracking-wider: 0.05em;
|
|
109
111
|
--leading-tight: 1.25;
|
|
110
112
|
--leading-snug: 1.375;
|
|
111
113
|
--leading-normal: 1.5;
|
|
@@ -120,8 +122,8 @@
|
|
|
120
122
|
--shadow-xs: 0 1px 2px 0 rgb(0 0 0 / 0.05);
|
|
121
123
|
--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
|
|
122
124
|
--drop-shadow-lg: 0 4px 4px rgb(0 0 0 / 0.15);
|
|
123
|
-
--ease-in: cubic-bezier(0.4, 0, 1, 1);
|
|
124
125
|
--ease-out: cubic-bezier(0, 0, 0.2, 1);
|
|
126
|
+
--ease-in-out: cubic-bezier(0.4, 0, 0.2, 1);
|
|
125
127
|
--blur-xs: 4px;
|
|
126
128
|
--aspect-video: 16 / 9;
|
|
127
129
|
--default-transition-duration: 150ms;
|
|
@@ -162,10 +164,10 @@
|
|
|
162
164
|
--color-access-admin: var(--color-purple-100);
|
|
163
165
|
--color-access-admin-foreground: var(--color-purple-800);
|
|
164
166
|
--color-muted: var(--color-stone-100);
|
|
165
|
-
--color-muted-foreground: var(--color-stone-
|
|
167
|
+
--color-muted-foreground: var(--color-stone-600);
|
|
166
168
|
--color-disabled: var(--color-stone-200);
|
|
167
|
-
--color-disabled-foreground: var(--color-stone-
|
|
168
|
-
--color-placeholder: var(--color-stone-
|
|
169
|
+
--color-disabled-foreground: var(--color-stone-500);
|
|
170
|
+
--color-placeholder: var(--color-stone-600);
|
|
169
171
|
--color-ring: var(--color-stone-400);
|
|
170
172
|
--color-link: var(--color-blue-600);
|
|
171
173
|
--color-input: var(--color-stone-300);
|
|
@@ -178,11 +180,10 @@
|
|
|
178
180
|
--color-surface: var(--color-white);
|
|
179
181
|
--color-surface-border: var(--color-stone-300);
|
|
180
182
|
--radius-surface: var(--radius-lg);
|
|
181
|
-
--shadow-elevation-border: 0px 0.3px 0.3px oklch(0 0 0 / 0.
|
|
182
|
-
0.
|
|
183
|
-
|
|
184
|
-
0px
|
|
185
|
-
0px 6.7px 6px -4px oklch(0 0 0 / 0.12);
|
|
183
|
+
--shadow-elevation-border: 0px 0.3px 0.3px oklch(0 0 0 / 0.14), 0px 1px 1.2px -3px oklch(0 0 0 / 0.12);
|
|
184
|
+
--shadow-elevation-raised: 0px 0.3px 0.8px oklch(0 0 0 / 0.28),
|
|
185
|
+
0px 1.4px 1.3px -2px oklch(0 0 0 / 0.21),
|
|
186
|
+
0px 6.7px 6px -4px oklch(0 0 0 / 0.15);
|
|
186
187
|
--shadow-elevation-overlay: 0px 0.1px 0.1px oklch(0 0 0 / 0.32),
|
|
187
188
|
0px 1px 0.9px -1.3px oklch(0 0 0 / 0.26),
|
|
188
189
|
-0.1px 4px 3.6px -2.7px oklch(0 0 0 / 0.2),
|
|
@@ -202,13 +203,11 @@
|
|
|
202
203
|
--spacing-button-small: 2rem;
|
|
203
204
|
--spacing-button-large: 2.5rem;
|
|
204
205
|
--spacing-container: 50rem;
|
|
205
|
-
--spacing-
|
|
206
|
-
--spacing-tight: calc(var(--spacing) * 1);
|
|
206
|
+
--spacing-tight: calc(var(--spacing) * 1.5);
|
|
207
207
|
--spacing-related: calc(var(--spacing) * 2);
|
|
208
|
-
--spacing-
|
|
209
|
-
--spacing-group: calc(var(--spacing) *
|
|
210
|
-
--spacing-section: calc(var(--spacing) *
|
|
211
|
-
--spacing-context: calc(var(--spacing) * 32);
|
|
208
|
+
--spacing-regular: calc(var(--spacing) * 6);
|
|
209
|
+
--spacing-group: calc(var(--spacing) * 12);
|
|
210
|
+
--spacing-section: calc(var(--spacing) * 24);
|
|
212
211
|
--spacing-square-tight: calc(var(--spacing) * 1);
|
|
213
212
|
--spacing-square-snug: calc(var(--spacing) * 2);
|
|
214
213
|
--spacing-square-regular: calc(var(--spacing) * 3);
|
|
@@ -242,25 +241,31 @@
|
|
|
242
241
|
--ease-in-quint: cubic-bezier(0.755, 0.05, 0.855, 0.06);
|
|
243
242
|
--ease-in-expo: cubic-bezier(0.95, 0.05, 0.795, 0.035);
|
|
244
243
|
--ease-in-circ: cubic-bezier(0.6, 0.04, 0.98, 0.335);
|
|
245
|
-
--fade-in-duration: 0.
|
|
246
|
-
--fade-out-duration: 0.
|
|
247
|
-
--animate-fade-in: fade-in var(--fade-in-duration)
|
|
248
|
-
--animate-fade-out: fade-in var(--fade-out-duration) reverse;
|
|
244
|
+
--fade-in-duration: 0.3s;
|
|
245
|
+
--fade-out-duration: 0.2s;
|
|
246
|
+
--animate-fade-in: fade-in var(--fade-in-duration) ease-out;
|
|
247
|
+
--animate-fade-out: fade-in var(--fade-out-duration) ease-in reverse;
|
|
249
248
|
--animate-fade-in-up: fade-in-up var(--fade-in-duration) var(--ease-out-cubic);
|
|
249
|
+
--animate-slide-in: slide-in 0.25s var(--ease-out-quart) forwards;
|
|
250
|
+
--animate-slide-out: slide-out 0.2s var(--ease-out-quart) forwards;
|
|
250
251
|
--slide-in-duration: 0.3s;
|
|
251
252
|
--slide-out-duration: 0.15s;
|
|
252
253
|
--animate-slide-in-right: slide-in-right var(--slide-in-duration)
|
|
253
254
|
var(--ease-out-expo);
|
|
254
|
-
--animate-slide-out-right: slide-in-right var(--slide-out-duration) reverse
|
|
255
|
+
--animate-slide-out-right: slide-in-right var(--slide-out-duration) reverse
|
|
256
|
+
forwards;
|
|
255
257
|
--animate-slide-in-left: slide-in-left var(--slide-in-duration)
|
|
256
258
|
var(--ease-out-expo);
|
|
257
|
-
--animate-slide-out-left: slide-in-left var(--slide-out-duration) reverse
|
|
259
|
+
--animate-slide-out-left: slide-in-left var(--slide-out-duration) reverse
|
|
260
|
+
forwards;
|
|
258
261
|
--animate-slide-in-top: slide-in-top var(--slide-in-duration)
|
|
259
262
|
var(--ease-out-expo);
|
|
260
|
-
--animate-slide-out-top: slide-in-top var(--slide-out-duration) reverse
|
|
263
|
+
--animate-slide-out-top: slide-in-top var(--slide-out-duration) reverse
|
|
264
|
+
forwards;
|
|
261
265
|
--animate-slide-in-bottom: slide-in-bottom var(--slide-in-duration)
|
|
262
266
|
var(--ease-out-expo);
|
|
263
|
-
--animate-slide-out-bottom: slide-in-bottom var(--slide-out-duration) reverse
|
|
267
|
+
--animate-slide-out-bottom: slide-in-bottom var(--slide-out-duration) reverse
|
|
268
|
+
forwards;
|
|
264
269
|
--animate-rotate-spinner: rotate-spinner 2s linear infinite;
|
|
265
270
|
--animate-progress-cycle: progress-cycle 1.5s linear infinite;
|
|
266
271
|
}
|
|
@@ -414,6 +419,64 @@
|
|
|
414
419
|
}
|
|
415
420
|
}
|
|
416
421
|
@layer utilities {
|
|
422
|
+
[data-theme="rui"] .ui-button-base {
|
|
423
|
+
display: inline-flex;
|
|
424
|
+
align-items: center;
|
|
425
|
+
justify-content: center;
|
|
426
|
+
border-radius: var(--radius-lg);
|
|
427
|
+
--tw-font-weight: var(--font-weight-medium);
|
|
428
|
+
font-weight: var(--font-weight-medium);
|
|
429
|
+
white-space: nowrap;
|
|
430
|
+
transition-property: color,box-shadow,transform;
|
|
431
|
+
transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
|
|
432
|
+
transition-duration: var(--tw-duration, var(--default-transition-duration));
|
|
433
|
+
cursor: pointer;
|
|
434
|
+
--tw-outline-style: none;
|
|
435
|
+
outline-style: none;
|
|
436
|
+
[data-theme="rui"] &:where([data-rac])[data-focus-visible] {
|
|
437
|
+
--tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
|
|
438
|
+
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
|
|
439
|
+
--tw-ring-color: color-mix(in srgb, oklch(70.9% 0.01 56.259) 50%, transparent);
|
|
440
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
441
|
+
--tw-ring-color: color-mix(in oklab, var(--color-stone-400) 50%, transparent);
|
|
442
|
+
}
|
|
443
|
+
--tw-outline-style: none;
|
|
444
|
+
outline-style: none;
|
|
445
|
+
--ui-border-color: var(--color-ring);
|
|
446
|
+
}
|
|
447
|
+
[data-theme="rui"] &:where(:not([data-rac])):focus-visible {
|
|
448
|
+
--tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
|
|
449
|
+
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
|
|
450
|
+
--tw-ring-color: color-mix(in srgb, oklch(70.9% 0.01 56.259) 50%, transparent);
|
|
451
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
452
|
+
--tw-ring-color: color-mix(in oklab, var(--color-stone-400) 50%, transparent);
|
|
453
|
+
}
|
|
454
|
+
--tw-outline-style: none;
|
|
455
|
+
outline-style: none;
|
|
456
|
+
--ui-border-color: var(--color-ring);
|
|
457
|
+
}
|
|
458
|
+
[data-theme="rui"] &:where([data-rac])[data-disabled] {
|
|
459
|
+
cursor: not-allowed;
|
|
460
|
+
color: var(--color-stone-500);
|
|
461
|
+
background: var(--color-disabled);
|
|
462
|
+
background-clip: border-box;
|
|
463
|
+
box-shadow: none;
|
|
464
|
+
}
|
|
465
|
+
[data-theme="rui"] &:where(:not([data-rac])):disabled {
|
|
466
|
+
cursor: not-allowed;
|
|
467
|
+
color: var(--color-stone-500);
|
|
468
|
+
background: var(--color-disabled);
|
|
469
|
+
background-clip: border-box;
|
|
470
|
+
box-shadow: none;
|
|
471
|
+
}
|
|
472
|
+
border-style: var(--tw-border-style);
|
|
473
|
+
border-width: 1px;
|
|
474
|
+
border-color: transparent;
|
|
475
|
+
[data-theme="rui"] & svg {
|
|
476
|
+
pointer-events: none;
|
|
477
|
+
flex-shrink: 0;
|
|
478
|
+
}
|
|
479
|
+
}
|
|
417
480
|
[data-theme="rui"] .pointer-events-auto {
|
|
418
481
|
pointer-events: auto;
|
|
419
482
|
}
|
|
@@ -432,7 +495,7 @@
|
|
|
432
495
|
[data-theme="rui"] .visible\! {
|
|
433
496
|
visibility: visible !important;
|
|
434
497
|
}
|
|
435
|
-
[data-theme="rui"] .
|
|
498
|
+
[data-theme="rui"] .ui-touch-hitbox {
|
|
436
499
|
position: relative;
|
|
437
500
|
[data-theme="rui"] &:before {
|
|
438
501
|
content: '';
|
|
@@ -448,6 +511,31 @@
|
|
|
448
511
|
z-index: 100;
|
|
449
512
|
}
|
|
450
513
|
}
|
|
514
|
+
[data-theme="rui"] .sr-only {
|
|
515
|
+
position: absolute;
|
|
516
|
+
width: 1px;
|
|
517
|
+
height: 1px;
|
|
518
|
+
padding: 0;
|
|
519
|
+
margin: -1px;
|
|
520
|
+
overflow: hidden;
|
|
521
|
+
clip-path: inset(50%);
|
|
522
|
+
white-space: nowrap;
|
|
523
|
+
border-width: 0;
|
|
524
|
+
}
|
|
525
|
+
[data-theme="rui"] .ui-surface-contrast {
|
|
526
|
+
position: relative;
|
|
527
|
+
border-radius: var(--radius-lg);
|
|
528
|
+
transition-property: background,border,box-shadow;
|
|
529
|
+
transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
|
|
530
|
+
transition-duration: var(--tw-duration, var(--default-transition-duration));
|
|
531
|
+
color: var(--color-stone-50);
|
|
532
|
+
--tw-inset-shadow: inset 0 1px 0 0 var(--tw-inset-shadow-color, var(--ui-highlight-color,oklch(from var(--color-brand) calc(l + 0.4) c h)));
|
|
533
|
+
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
|
|
534
|
+
background: radial-gradient(ellipse 120% 60% at 50% -25%, var(--ui-highlight-color, oklch(from var(--color-brand) calc(l + 0.4) c h)), transparent 90%), linear-gradient( to bottom, var(--ui-background-color, var(--color-brand)), var(--ui-background-color, var(--color-brand)) ), linear-gradient( to bottom, oklch(from var(--ui-border-color, var(--color-brand)) calc(l + 0.2) c h), oklch(from var(--ui-border-color, var(--color-brand)) calc(l + 0.15) c h) );
|
|
535
|
+
background-clip: padding-box, padding-box, border-box;
|
|
536
|
+
background-origin: padding-box, padding-box, border-box;
|
|
537
|
+
border: 1px solid transparent;
|
|
538
|
+
}
|
|
451
539
|
[data-theme="rui"] .ui-surface {
|
|
452
540
|
position: relative;
|
|
453
541
|
border-radius: var(--radius-lg);
|
|
@@ -477,11 +565,23 @@
|
|
|
477
565
|
[data-theme="rui"] .inset-0 {
|
|
478
566
|
inset: calc(var(--spacing) * 0);
|
|
479
567
|
}
|
|
568
|
+
[data-theme="rui"] .inset-x-0 {
|
|
569
|
+
inset-inline: calc(var(--spacing) * 0);
|
|
570
|
+
}
|
|
571
|
+
[data-theme="rui"] .inset-y-4 {
|
|
572
|
+
inset-block: calc(var(--spacing) * 4);
|
|
573
|
+
}
|
|
574
|
+
[data-theme="rui"] .start {
|
|
575
|
+
inset-inline-start: var(--spacing);
|
|
576
|
+
}
|
|
577
|
+
[data-theme="rui"] .end {
|
|
578
|
+
inset-inline-end: var(--spacing);
|
|
579
|
+
}
|
|
480
580
|
[data-theme="rui"] .top-0 {
|
|
481
581
|
top: calc(var(--spacing) * 0);
|
|
482
582
|
}
|
|
483
583
|
[data-theme="rui"] .top-1\/2 {
|
|
484
|
-
top: calc(1/2 * 100%);
|
|
584
|
+
top: calc(1 / 2 * 100%);
|
|
485
585
|
}
|
|
486
586
|
[data-theme="rui"] .top-3\.5 {
|
|
487
587
|
top: calc(var(--spacing) * 3.5);
|
|
@@ -510,6 +610,12 @@
|
|
|
510
610
|
[data-theme="rui"] .right-auto {
|
|
511
611
|
right: auto;
|
|
512
612
|
}
|
|
613
|
+
[data-theme="rui"] .bottom-\(--actionbar-offset\,8px\) {
|
|
614
|
+
bottom: var(--actionbar-offset,8px);
|
|
615
|
+
}
|
|
616
|
+
[data-theme="rui"] .bottom-0 {
|
|
617
|
+
bottom: calc(var(--spacing) * 0);
|
|
618
|
+
}
|
|
513
619
|
[data-theme="rui"] .bottom-4 {
|
|
514
620
|
bottom: calc(var(--spacing) * 4);
|
|
515
621
|
}
|
|
@@ -520,7 +626,7 @@
|
|
|
520
626
|
left: calc(var(--spacing) * 1);
|
|
521
627
|
}
|
|
522
628
|
[data-theme="rui"] .left-1\/2 {
|
|
523
|
-
left: calc(1/2 * 100%);
|
|
629
|
+
left: calc(1 / 2 * 100%);
|
|
524
630
|
}
|
|
525
631
|
[data-theme="rui"] .left-2\.5 {
|
|
526
632
|
left: calc(var(--spacing) * 2.5);
|
|
@@ -558,6 +664,12 @@
|
|
|
558
664
|
[data-theme="rui"] .col-span-full\! {
|
|
559
665
|
grid-column: 1 / -1 !important;
|
|
560
666
|
}
|
|
667
|
+
[data-theme="rui"] .col-start-1 {
|
|
668
|
+
grid-column-start: 1;
|
|
669
|
+
}
|
|
670
|
+
[data-theme="rui"] .row-start-1 {
|
|
671
|
+
grid-row-start: 1;
|
|
672
|
+
}
|
|
561
673
|
[data-theme="rui"] .row-end-1 {
|
|
562
674
|
grid-row-end: 1;
|
|
563
675
|
}
|
|
@@ -579,6 +691,9 @@
|
|
|
579
691
|
max-width: 96rem;
|
|
580
692
|
}
|
|
581
693
|
}
|
|
694
|
+
[data-theme="rui"] .-m-1 {
|
|
695
|
+
margin: calc(var(--spacing) * -1);
|
|
696
|
+
}
|
|
582
697
|
[data-theme="rui"] .m-0 {
|
|
583
698
|
margin: calc(var(--spacing) * 0);
|
|
584
699
|
}
|
|
@@ -588,6 +703,9 @@
|
|
|
588
703
|
[data-theme="rui"] .-my-1\.5 {
|
|
589
704
|
margin-block: calc(var(--spacing) * -1.5);
|
|
590
705
|
}
|
|
706
|
+
[data-theme="rui"] .my-1 {
|
|
707
|
+
margin-block: calc(var(--spacing) * 1);
|
|
708
|
+
}
|
|
591
709
|
[data-theme="rui"] .ms-auto {
|
|
592
710
|
margin-inline-start: auto;
|
|
593
711
|
}
|
|
@@ -615,6 +733,9 @@
|
|
|
615
733
|
[data-theme="rui"] .mt-6 {
|
|
616
734
|
margin-top: calc(var(--spacing) * 6);
|
|
617
735
|
}
|
|
736
|
+
[data-theme="rui"] .-mb-1 {
|
|
737
|
+
margin-bottom: calc(var(--spacing) * -1);
|
|
738
|
+
}
|
|
618
739
|
[data-theme="rui"] .mb-0 {
|
|
619
740
|
margin-bottom: calc(var(--spacing) * 0);
|
|
620
741
|
}
|
|
@@ -645,7 +766,7 @@
|
|
|
645
766
|
[data-theme="rui"] .box-content {
|
|
646
767
|
box-sizing: content-box;
|
|
647
768
|
}
|
|
648
|
-
[data-theme="rui"] .
|
|
769
|
+
[data-theme="rui"] .ui-scrollbar {
|
|
649
770
|
scrollbar-width: auto;
|
|
650
771
|
scrollbar-color: var(--color-scrollbar) var(--color-scrollbar-track);
|
|
651
772
|
[data-theme="rui"] &::-webkit-scrollbar {
|
|
@@ -667,6 +788,17 @@
|
|
|
667
788
|
background-color: var(--color-scrollbar-hover);
|
|
668
789
|
}
|
|
669
790
|
}
|
|
791
|
+
[data-theme="rui"] .ui-panel-actions {
|
|
792
|
+
display: flex;
|
|
793
|
+
flex-direction: row;
|
|
794
|
+
justify-content: flex-end;
|
|
795
|
+
gap: calc(var(--spacing) * 3);
|
|
796
|
+
border-top-style: var(--tw-border-style);
|
|
797
|
+
border-top-width: 1px;
|
|
798
|
+
border-color: var(--color-stone-200);
|
|
799
|
+
padding-inline: calc(var(--spacing) * 6);
|
|
800
|
+
padding-block: calc(var(--spacing) * 4);
|
|
801
|
+
}
|
|
670
802
|
[data-theme="rui"] .block {
|
|
671
803
|
display: block;
|
|
672
804
|
}
|
|
@@ -728,7 +860,7 @@
|
|
|
728
860
|
line-height: var(--tw-leading, var(--text-sm--line-height));
|
|
729
861
|
color: var(--color-stone-950);
|
|
730
862
|
[data-theme="rui"] &::placeholder {
|
|
731
|
-
color: var(--color-stone-
|
|
863
|
+
color: var(--color-stone-600);
|
|
732
864
|
}
|
|
733
865
|
}
|
|
734
866
|
[data-theme="rui"] .size-4 {
|
|
@@ -816,22 +948,22 @@
|
|
|
816
948
|
height: calc(var(--spacing) * 1.5);
|
|
817
949
|
}
|
|
818
950
|
[data-theme="rui"] .h-1\/2 {
|
|
819
|
-
height: calc(1/2 * 100%);
|
|
951
|
+
height: calc(1 / 2 * 100%);
|
|
820
952
|
}
|
|
821
953
|
[data-theme="rui"] .h-1\/3 {
|
|
822
|
-
height: calc(1/3 * 100%);
|
|
954
|
+
height: calc(1 / 3 * 100%);
|
|
823
955
|
}
|
|
824
956
|
[data-theme="rui"] .h-1\/4 {
|
|
825
|
-
height: calc(1/4 * 100%);
|
|
957
|
+
height: calc(1 / 4 * 100%);
|
|
826
958
|
}
|
|
827
959
|
[data-theme="rui"] .h-1\/5 {
|
|
828
|
-
height: calc(1/5 * 100%);
|
|
960
|
+
height: calc(1 / 5 * 100%);
|
|
829
961
|
}
|
|
830
962
|
[data-theme="rui"] .h-1\/6 {
|
|
831
|
-
height: calc(1/6 * 100%);
|
|
963
|
+
height: calc(1 / 6 * 100%);
|
|
832
964
|
}
|
|
833
965
|
[data-theme="rui"] .h-1\/12 {
|
|
834
|
-
height: calc(1/12 * 100%);
|
|
966
|
+
height: calc(1 / 12 * 100%);
|
|
835
967
|
}
|
|
836
968
|
[data-theme="rui"] .h-2 {
|
|
837
969
|
height: calc(var(--spacing) * 2);
|
|
@@ -840,19 +972,19 @@
|
|
|
840
972
|
height: calc(var(--spacing) * 2.5);
|
|
841
973
|
}
|
|
842
974
|
[data-theme="rui"] .h-2\/3 {
|
|
843
|
-
height: calc(2/3 * 100%);
|
|
975
|
+
height: calc(2 / 3 * 100%);
|
|
844
976
|
}
|
|
845
977
|
[data-theme="rui"] .h-2\/4 {
|
|
846
|
-
height: calc(2/4 * 100%);
|
|
978
|
+
height: calc(2 / 4 * 100%);
|
|
847
979
|
}
|
|
848
980
|
[data-theme="rui"] .h-2\/5 {
|
|
849
|
-
height: calc(2/5 * 100%);
|
|
981
|
+
height: calc(2 / 5 * 100%);
|
|
850
982
|
}
|
|
851
983
|
[data-theme="rui"] .h-2\/6 {
|
|
852
|
-
height: calc(2/6 * 100%);
|
|
984
|
+
height: calc(2 / 6 * 100%);
|
|
853
985
|
}
|
|
854
986
|
[data-theme="rui"] .h-2\/12 {
|
|
855
|
-
height: calc(2/12 * 100%);
|
|
987
|
+
height: calc(2 / 12 * 100%);
|
|
856
988
|
}
|
|
857
989
|
[data-theme="rui"] .h-3 {
|
|
858
990
|
height: calc(var(--spacing) * 3);
|
|
@@ -861,70 +993,73 @@
|
|
|
861
993
|
height: calc(var(--spacing) * 3.5);
|
|
862
994
|
}
|
|
863
995
|
[data-theme="rui"] .h-3\/4 {
|
|
864
|
-
height: calc(3/4 * 100%);
|
|
996
|
+
height: calc(3 / 4 * 100%);
|
|
865
997
|
}
|
|
866
998
|
[data-theme="rui"] .h-3\/5 {
|
|
867
|
-
height: calc(3/5 * 100%);
|
|
999
|
+
height: calc(3 / 5 * 100%);
|
|
868
1000
|
}
|
|
869
1001
|
[data-theme="rui"] .h-3\/6 {
|
|
870
|
-
height: calc(3/6 * 100%);
|
|
1002
|
+
height: calc(3 / 6 * 100%);
|
|
871
1003
|
}
|
|
872
1004
|
[data-theme="rui"] .h-3\/12 {
|
|
873
|
-
height: calc(3/12 * 100%);
|
|
1005
|
+
height: calc(3 / 12 * 100%);
|
|
874
1006
|
}
|
|
875
1007
|
[data-theme="rui"] .h-4 {
|
|
876
1008
|
height: calc(var(--spacing) * 4);
|
|
877
1009
|
}
|
|
878
1010
|
[data-theme="rui"] .h-4\/6 {
|
|
879
|
-
height: calc(4/6 * 100%);
|
|
1011
|
+
height: calc(4 / 6 * 100%);
|
|
880
1012
|
}
|
|
881
1013
|
[data-theme="rui"] .h-4\/12 {
|
|
882
|
-
height: calc(4/12 * 100%);
|
|
1014
|
+
height: calc(4 / 12 * 100%);
|
|
883
1015
|
}
|
|
884
1016
|
[data-theme="rui"] .h-5 {
|
|
885
1017
|
height: calc(var(--spacing) * 5);
|
|
886
1018
|
}
|
|
887
1019
|
[data-theme="rui"] .h-5\/6 {
|
|
888
|
-
height: calc(5/6 * 100%);
|
|
1020
|
+
height: calc(5 / 6 * 100%);
|
|
889
1021
|
}
|
|
890
1022
|
[data-theme="rui"] .h-5\/12 {
|
|
891
|
-
height: calc(5/12 * 100%);
|
|
1023
|
+
height: calc(5 / 12 * 100%);
|
|
892
1024
|
}
|
|
893
1025
|
[data-theme="rui"] .h-6 {
|
|
894
1026
|
height: calc(var(--spacing) * 6);
|
|
895
1027
|
}
|
|
896
1028
|
[data-theme="rui"] .h-6\/12 {
|
|
897
|
-
height: calc(6/12 * 100%);
|
|
1029
|
+
height: calc(6 / 12 * 100%);
|
|
898
1030
|
}
|
|
899
1031
|
[data-theme="rui"] .h-7 {
|
|
900
1032
|
height: calc(var(--spacing) * 7);
|
|
901
1033
|
}
|
|
1034
|
+
[data-theme="rui"] .h-7\.5 {
|
|
1035
|
+
height: calc(var(--spacing) * 7.5);
|
|
1036
|
+
}
|
|
902
1037
|
[data-theme="rui"] .h-7\/12 {
|
|
903
|
-
height: calc(7/12 * 100%);
|
|
1038
|
+
height: calc(7 / 12 * 100%);
|
|
904
1039
|
}
|
|
905
1040
|
[data-theme="rui"] .h-8 {
|
|
906
1041
|
height: calc(var(--spacing) * 8);
|
|
907
1042
|
}
|
|
908
1043
|
[data-theme="rui"] .h-8\/12 {
|
|
909
|
-
height: calc(8/12 * 100%);
|
|
1044
|
+
height: calc(8 / 12 * 100%);
|
|
910
1045
|
}
|
|
911
1046
|
[data-theme="rui"] .h-9 {
|
|
912
1047
|
height: calc(var(--spacing) * 9);
|
|
913
1048
|
}
|
|
914
1049
|
[data-theme="rui"] .h-9\/12 {
|
|
915
|
-
height: calc(9/12 * 100%);
|
|
1050
|
+
height: calc(9 / 12 * 100%);
|
|
916
1051
|
}
|
|
917
1052
|
[data-theme="rui"] .h-10 {
|
|
918
1053
|
height: calc(var(--spacing) * 10);
|
|
919
1054
|
}
|
|
920
1055
|
[data-theme="rui"] .h-10\/12 {
|
|
921
|
-
height: calc(10/12 * 100%);
|
|
1056
|
+
height: calc(10 / 12 * 100%);
|
|
922
1057
|
}
|
|
923
1058
|
[data-theme="rui"] .h-11 {
|
|
924
1059
|
height: calc(var(--spacing) * 11);
|
|
925
1060
|
}
|
|
926
1061
|
[data-theme="rui"] .h-11\/12 {
|
|
927
|
-
height: calc(11/12 * 100%);
|
|
1062
|
+
height: calc(11 / 12 * 100%);
|
|
928
1063
|
}
|
|
929
1064
|
[data-theme="rui"] .h-12 {
|
|
930
1065
|
height: calc(var(--spacing) * 12);
|
|
@@ -1058,6 +1193,9 @@
|
|
|
1058
1193
|
[data-theme="rui"] .min-h-7 {
|
|
1059
1194
|
min-height: calc(var(--spacing) * 7);
|
|
1060
1195
|
}
|
|
1196
|
+
[data-theme="rui"] .min-h-14 {
|
|
1197
|
+
min-height: calc(var(--spacing) * 14);
|
|
1198
|
+
}
|
|
1061
1199
|
[data-theme="rui"] .min-h-52 {
|
|
1062
1200
|
min-height: calc(var(--spacing) * 52);
|
|
1063
1201
|
}
|
|
@@ -1092,22 +1230,22 @@
|
|
|
1092
1230
|
width: calc(var(--spacing) * 1.5);
|
|
1093
1231
|
}
|
|
1094
1232
|
[data-theme="rui"] .w-1\/2 {
|
|
1095
|
-
width: calc(1/2 * 100%);
|
|
1233
|
+
width: calc(1 / 2 * 100%);
|
|
1096
1234
|
}
|
|
1097
1235
|
[data-theme="rui"] .w-1\/3 {
|
|
1098
|
-
width: calc(1/3 * 100%);
|
|
1236
|
+
width: calc(1 / 3 * 100%);
|
|
1099
1237
|
}
|
|
1100
1238
|
[data-theme="rui"] .w-1\/4 {
|
|
1101
|
-
width: calc(1/4 * 100%);
|
|
1239
|
+
width: calc(1 / 4 * 100%);
|
|
1102
1240
|
}
|
|
1103
1241
|
[data-theme="rui"] .w-1\/5 {
|
|
1104
|
-
width: calc(1/5 * 100%);
|
|
1242
|
+
width: calc(1 / 5 * 100%);
|
|
1105
1243
|
}
|
|
1106
1244
|
[data-theme="rui"] .w-1\/6 {
|
|
1107
|
-
width: calc(1/6 * 100%);
|
|
1245
|
+
width: calc(1 / 6 * 100%);
|
|
1108
1246
|
}
|
|
1109
1247
|
[data-theme="rui"] .w-1\/12 {
|
|
1110
|
-
width: calc(1/12 * 100%);
|
|
1248
|
+
width: calc(1 / 12 * 100%);
|
|
1111
1249
|
}
|
|
1112
1250
|
[data-theme="rui"] .w-2 {
|
|
1113
1251
|
width: calc(var(--spacing) * 2);
|
|
@@ -1116,19 +1254,19 @@
|
|
|
1116
1254
|
width: calc(var(--spacing) * 2.5);
|
|
1117
1255
|
}
|
|
1118
1256
|
[data-theme="rui"] .w-2\/3 {
|
|
1119
|
-
width: calc(2/3 * 100%);
|
|
1257
|
+
width: calc(2 / 3 * 100%);
|
|
1120
1258
|
}
|
|
1121
1259
|
[data-theme="rui"] .w-2\/4 {
|
|
1122
|
-
width: calc(2/4 * 100%);
|
|
1260
|
+
width: calc(2 / 4 * 100%);
|
|
1123
1261
|
}
|
|
1124
1262
|
[data-theme="rui"] .w-2\/5 {
|
|
1125
|
-
width: calc(2/5 * 100%);
|
|
1263
|
+
width: calc(2 / 5 * 100%);
|
|
1126
1264
|
}
|
|
1127
1265
|
[data-theme="rui"] .w-2\/6 {
|
|
1128
|
-
width: calc(2/6 * 100%);
|
|
1266
|
+
width: calc(2 / 6 * 100%);
|
|
1129
1267
|
}
|
|
1130
1268
|
[data-theme="rui"] .w-2\/12 {
|
|
1131
|
-
width: calc(2/12 * 100%);
|
|
1269
|
+
width: calc(2 / 12 * 100%);
|
|
1132
1270
|
}
|
|
1133
1271
|
[data-theme="rui"] .w-3 {
|
|
1134
1272
|
width: calc(var(--spacing) * 3);
|
|
@@ -1137,70 +1275,70 @@
|
|
|
1137
1275
|
width: calc(var(--spacing) * 3.5);
|
|
1138
1276
|
}
|
|
1139
1277
|
[data-theme="rui"] .w-3\/4 {
|
|
1140
|
-
width: calc(3/4 * 100%);
|
|
1278
|
+
width: calc(3 / 4 * 100%);
|
|
1141
1279
|
}
|
|
1142
1280
|
[data-theme="rui"] .w-3\/5 {
|
|
1143
|
-
width: calc(3/5 * 100%);
|
|
1281
|
+
width: calc(3 / 5 * 100%);
|
|
1144
1282
|
}
|
|
1145
1283
|
[data-theme="rui"] .w-3\/6 {
|
|
1146
|
-
width: calc(3/6 * 100%);
|
|
1284
|
+
width: calc(3 / 6 * 100%);
|
|
1147
1285
|
}
|
|
1148
1286
|
[data-theme="rui"] .w-3\/12 {
|
|
1149
|
-
width: calc(3/12 * 100%);
|
|
1287
|
+
width: calc(3 / 12 * 100%);
|
|
1150
1288
|
}
|
|
1151
1289
|
[data-theme="rui"] .w-4 {
|
|
1152
1290
|
width: calc(var(--spacing) * 4);
|
|
1153
1291
|
}
|
|
1154
1292
|
[data-theme="rui"] .w-4\/6 {
|
|
1155
|
-
width: calc(4/6 * 100%);
|
|
1293
|
+
width: calc(4 / 6 * 100%);
|
|
1156
1294
|
}
|
|
1157
1295
|
[data-theme="rui"] .w-4\/12 {
|
|
1158
|
-
width: calc(4/12 * 100%);
|
|
1296
|
+
width: calc(4 / 12 * 100%);
|
|
1159
1297
|
}
|
|
1160
1298
|
[data-theme="rui"] .w-5 {
|
|
1161
1299
|
width: calc(var(--spacing) * 5);
|
|
1162
1300
|
}
|
|
1163
1301
|
[data-theme="rui"] .w-5\/6 {
|
|
1164
|
-
width: calc(5/6 * 100%);
|
|
1302
|
+
width: calc(5 / 6 * 100%);
|
|
1165
1303
|
}
|
|
1166
1304
|
[data-theme="rui"] .w-5\/12 {
|
|
1167
|
-
width: calc(5/12 * 100%);
|
|
1305
|
+
width: calc(5 / 12 * 100%);
|
|
1168
1306
|
}
|
|
1169
1307
|
[data-theme="rui"] .w-6 {
|
|
1170
1308
|
width: calc(var(--spacing) * 6);
|
|
1171
1309
|
}
|
|
1172
1310
|
[data-theme="rui"] .w-6\/12 {
|
|
1173
|
-
width: calc(6/12 * 100%);
|
|
1311
|
+
width: calc(6 / 12 * 100%);
|
|
1174
1312
|
}
|
|
1175
1313
|
[data-theme="rui"] .w-7 {
|
|
1176
1314
|
width: calc(var(--spacing) * 7);
|
|
1177
1315
|
}
|
|
1178
1316
|
[data-theme="rui"] .w-7\/12 {
|
|
1179
|
-
width: calc(7/12 * 100%);
|
|
1317
|
+
width: calc(7 / 12 * 100%);
|
|
1180
1318
|
}
|
|
1181
1319
|
[data-theme="rui"] .w-8 {
|
|
1182
1320
|
width: calc(var(--spacing) * 8);
|
|
1183
1321
|
}
|
|
1184
1322
|
[data-theme="rui"] .w-8\/12 {
|
|
1185
|
-
width: calc(8/12 * 100%);
|
|
1323
|
+
width: calc(8 / 12 * 100%);
|
|
1186
1324
|
}
|
|
1187
1325
|
[data-theme="rui"] .w-9 {
|
|
1188
1326
|
width: calc(var(--spacing) * 9);
|
|
1189
1327
|
}
|
|
1190
1328
|
[data-theme="rui"] .w-9\/12 {
|
|
1191
|
-
width: calc(9/12 * 100%);
|
|
1329
|
+
width: calc(9 / 12 * 100%);
|
|
1192
1330
|
}
|
|
1193
1331
|
[data-theme="rui"] .w-10 {
|
|
1194
1332
|
width: calc(var(--spacing) * 10);
|
|
1195
1333
|
}
|
|
1196
1334
|
[data-theme="rui"] .w-10\/12 {
|
|
1197
|
-
width: calc(10/12 * 100%);
|
|
1335
|
+
width: calc(10 / 12 * 100%);
|
|
1198
1336
|
}
|
|
1199
1337
|
[data-theme="rui"] .w-11 {
|
|
1200
1338
|
width: calc(var(--spacing) * 11);
|
|
1201
1339
|
}
|
|
1202
1340
|
[data-theme="rui"] .w-11\/12 {
|
|
1203
|
-
width: calc(11/12 * 100%);
|
|
1341
|
+
width: calc(11 / 12 * 100%);
|
|
1204
1342
|
}
|
|
1205
1343
|
[data-theme="rui"] .w-12 {
|
|
1206
1344
|
width: calc(var(--spacing) * 12);
|
|
@@ -1256,15 +1394,15 @@
|
|
|
1256
1394
|
[data-theme="rui"] .w-72 {
|
|
1257
1395
|
width: calc(var(--spacing) * 72);
|
|
1258
1396
|
}
|
|
1397
|
+
[data-theme="rui"] .w-75 {
|
|
1398
|
+
width: calc(var(--spacing) * 75);
|
|
1399
|
+
}
|
|
1259
1400
|
[data-theme="rui"] .w-80 {
|
|
1260
1401
|
width: calc(var(--spacing) * 80);
|
|
1261
1402
|
}
|
|
1262
1403
|
[data-theme="rui"] .w-96 {
|
|
1263
1404
|
width: calc(var(--spacing) * 96);
|
|
1264
1405
|
}
|
|
1265
|
-
[data-theme="rui"] .w-125 {
|
|
1266
|
-
width: calc(var(--spacing) * 125);
|
|
1267
|
-
}
|
|
1268
1406
|
[data-theme="rui"] .w-\[24px\] {
|
|
1269
1407
|
width: 24px;
|
|
1270
1408
|
}
|
|
@@ -1338,22 +1476,22 @@
|
|
|
1338
1476
|
max-width: calc(var(--spacing) * 1.5);
|
|
1339
1477
|
}
|
|
1340
1478
|
[data-theme="rui"] .max-w-1\/2 {
|
|
1341
|
-
max-width: calc(1/2 * 100%);
|
|
1479
|
+
max-width: calc(1 / 2 * 100%);
|
|
1342
1480
|
}
|
|
1343
1481
|
[data-theme="rui"] .max-w-1\/3 {
|
|
1344
|
-
max-width: calc(1/3 * 100%);
|
|
1482
|
+
max-width: calc(1 / 3 * 100%);
|
|
1345
1483
|
}
|
|
1346
1484
|
[data-theme="rui"] .max-w-1\/4 {
|
|
1347
|
-
max-width: calc(1/4 * 100%);
|
|
1485
|
+
max-width: calc(1 / 4 * 100%);
|
|
1348
1486
|
}
|
|
1349
1487
|
[data-theme="rui"] .max-w-1\/5 {
|
|
1350
|
-
max-width: calc(1/5 * 100%);
|
|
1488
|
+
max-width: calc(1 / 5 * 100%);
|
|
1351
1489
|
}
|
|
1352
1490
|
[data-theme="rui"] .max-w-1\/6 {
|
|
1353
|
-
max-width: calc(1/6 * 100%);
|
|
1491
|
+
max-width: calc(1 / 6 * 100%);
|
|
1354
1492
|
}
|
|
1355
1493
|
[data-theme="rui"] .max-w-1\/12 {
|
|
1356
|
-
max-width: calc(1/12 * 100%);
|
|
1494
|
+
max-width: calc(1 / 12 * 100%);
|
|
1357
1495
|
}
|
|
1358
1496
|
[data-theme="rui"] .max-w-2 {
|
|
1359
1497
|
max-width: calc(var(--spacing) * 2);
|
|
@@ -1362,19 +1500,19 @@
|
|
|
1362
1500
|
max-width: calc(var(--spacing) * 2.5);
|
|
1363
1501
|
}
|
|
1364
1502
|
[data-theme="rui"] .max-w-2\/3 {
|
|
1365
|
-
max-width: calc(2/3 * 100%);
|
|
1503
|
+
max-width: calc(2 / 3 * 100%);
|
|
1366
1504
|
}
|
|
1367
1505
|
[data-theme="rui"] .max-w-2\/4 {
|
|
1368
|
-
max-width: calc(2/4 * 100%);
|
|
1506
|
+
max-width: calc(2 / 4 * 100%);
|
|
1369
1507
|
}
|
|
1370
1508
|
[data-theme="rui"] .max-w-2\/5 {
|
|
1371
|
-
max-width: calc(2/5 * 100%);
|
|
1509
|
+
max-width: calc(2 / 5 * 100%);
|
|
1372
1510
|
}
|
|
1373
1511
|
[data-theme="rui"] .max-w-2\/6 {
|
|
1374
|
-
max-width: calc(2/6 * 100%);
|
|
1512
|
+
max-width: calc(2 / 6 * 100%);
|
|
1375
1513
|
}
|
|
1376
1514
|
[data-theme="rui"] .max-w-2\/12 {
|
|
1377
|
-
max-width: calc(2/12 * 100%);
|
|
1515
|
+
max-width: calc(2 / 12 * 100%);
|
|
1378
1516
|
}
|
|
1379
1517
|
[data-theme="rui"] .max-w-2xl {
|
|
1380
1518
|
max-width: var(--container-2xl);
|
|
@@ -1386,70 +1524,70 @@
|
|
|
1386
1524
|
max-width: calc(var(--spacing) * 3.5);
|
|
1387
1525
|
}
|
|
1388
1526
|
[data-theme="rui"] .max-w-3\/4 {
|
|
1389
|
-
max-width: calc(3/4 * 100%);
|
|
1527
|
+
max-width: calc(3 / 4 * 100%);
|
|
1390
1528
|
}
|
|
1391
1529
|
[data-theme="rui"] .max-w-3\/5 {
|
|
1392
|
-
max-width: calc(3/5 * 100%);
|
|
1530
|
+
max-width: calc(3 / 5 * 100%);
|
|
1393
1531
|
}
|
|
1394
1532
|
[data-theme="rui"] .max-w-3\/6 {
|
|
1395
|
-
max-width: calc(3/6 * 100%);
|
|
1533
|
+
max-width: calc(3 / 6 * 100%);
|
|
1396
1534
|
}
|
|
1397
1535
|
[data-theme="rui"] .max-w-3\/12 {
|
|
1398
|
-
max-width: calc(3/12 * 100%);
|
|
1536
|
+
max-width: calc(3 / 12 * 100%);
|
|
1399
1537
|
}
|
|
1400
1538
|
[data-theme="rui"] .max-w-4 {
|
|
1401
1539
|
max-width: calc(var(--spacing) * 4);
|
|
1402
1540
|
}
|
|
1403
1541
|
[data-theme="rui"] .max-w-4\/6 {
|
|
1404
|
-
max-width: calc(4/6 * 100%);
|
|
1542
|
+
max-width: calc(4 / 6 * 100%);
|
|
1405
1543
|
}
|
|
1406
1544
|
[data-theme="rui"] .max-w-4\/12 {
|
|
1407
|
-
max-width: calc(4/12 * 100%);
|
|
1545
|
+
max-width: calc(4 / 12 * 100%);
|
|
1408
1546
|
}
|
|
1409
1547
|
[data-theme="rui"] .max-w-5 {
|
|
1410
1548
|
max-width: calc(var(--spacing) * 5);
|
|
1411
1549
|
}
|
|
1412
1550
|
[data-theme="rui"] .max-w-5\/6 {
|
|
1413
|
-
max-width: calc(5/6 * 100%);
|
|
1551
|
+
max-width: calc(5 / 6 * 100%);
|
|
1414
1552
|
}
|
|
1415
1553
|
[data-theme="rui"] .max-w-5\/12 {
|
|
1416
|
-
max-width: calc(5/12 * 100%);
|
|
1554
|
+
max-width: calc(5 / 12 * 100%);
|
|
1417
1555
|
}
|
|
1418
1556
|
[data-theme="rui"] .max-w-6 {
|
|
1419
1557
|
max-width: calc(var(--spacing) * 6);
|
|
1420
1558
|
}
|
|
1421
1559
|
[data-theme="rui"] .max-w-6\/12 {
|
|
1422
|
-
max-width: calc(6/12 * 100%);
|
|
1560
|
+
max-width: calc(6 / 12 * 100%);
|
|
1423
1561
|
}
|
|
1424
1562
|
[data-theme="rui"] .max-w-7 {
|
|
1425
1563
|
max-width: calc(var(--spacing) * 7);
|
|
1426
1564
|
}
|
|
1427
1565
|
[data-theme="rui"] .max-w-7\/12 {
|
|
1428
|
-
max-width: calc(7/12 * 100%);
|
|
1566
|
+
max-width: calc(7 / 12 * 100%);
|
|
1429
1567
|
}
|
|
1430
1568
|
[data-theme="rui"] .max-w-8 {
|
|
1431
1569
|
max-width: calc(var(--spacing) * 8);
|
|
1432
1570
|
}
|
|
1433
1571
|
[data-theme="rui"] .max-w-8\/12 {
|
|
1434
|
-
max-width: calc(8/12 * 100%);
|
|
1572
|
+
max-width: calc(8 / 12 * 100%);
|
|
1435
1573
|
}
|
|
1436
1574
|
[data-theme="rui"] .max-w-9 {
|
|
1437
1575
|
max-width: calc(var(--spacing) * 9);
|
|
1438
1576
|
}
|
|
1439
1577
|
[data-theme="rui"] .max-w-9\/12 {
|
|
1440
|
-
max-width: calc(9/12 * 100%);
|
|
1578
|
+
max-width: calc(9 / 12 * 100%);
|
|
1441
1579
|
}
|
|
1442
1580
|
[data-theme="rui"] .max-w-10 {
|
|
1443
1581
|
max-width: calc(var(--spacing) * 10);
|
|
1444
1582
|
}
|
|
1445
1583
|
[data-theme="rui"] .max-w-10\/12 {
|
|
1446
|
-
max-width: calc(10/12 * 100%);
|
|
1584
|
+
max-width: calc(10 / 12 * 100%);
|
|
1447
1585
|
}
|
|
1448
1586
|
[data-theme="rui"] .max-w-11 {
|
|
1449
1587
|
max-width: calc(var(--spacing) * 11);
|
|
1450
1588
|
}
|
|
1451
1589
|
[data-theme="rui"] .max-w-11\/12 {
|
|
1452
|
-
max-width: calc(11/12 * 100%);
|
|
1590
|
+
max-width: calc(11 / 12 * 100%);
|
|
1453
1591
|
}
|
|
1454
1592
|
[data-theme="rui"] .max-w-12 {
|
|
1455
1593
|
max-width: calc(var(--spacing) * 12);
|
|
@@ -1544,6 +1682,9 @@
|
|
|
1544
1682
|
[data-theme="rui"] .max-w-screen {
|
|
1545
1683
|
max-width: 100vw;
|
|
1546
1684
|
}
|
|
1685
|
+
[data-theme="rui"] .max-w-screen-sm {
|
|
1686
|
+
max-width: var(--breakpoint-sm);
|
|
1687
|
+
}
|
|
1547
1688
|
[data-theme="rui"] .max-w-sm {
|
|
1548
1689
|
max-width: var(--container-sm);
|
|
1549
1690
|
}
|
|
@@ -1609,8 +1750,11 @@
|
|
|
1609
1750
|
[data-theme="rui"] .origin-center {
|
|
1610
1751
|
transform-origin: center;
|
|
1611
1752
|
}
|
|
1753
|
+
[data-theme="rui"] .origin-left {
|
|
1754
|
+
transform-origin: 0;
|
|
1755
|
+
}
|
|
1612
1756
|
[data-theme="rui"] .-translate-x-1\/2 {
|
|
1613
|
-
--tw-translate-x: calc(calc(1/2 * 100%) * -1);
|
|
1757
|
+
--tw-translate-x: calc(calc(1 / 2 * 100%) * -1);
|
|
1614
1758
|
translate: var(--tw-translate-x) var(--tw-translate-y);
|
|
1615
1759
|
}
|
|
1616
1760
|
[data-theme="rui"] .translate-x-0 {
|
|
@@ -1618,19 +1762,34 @@
|
|
|
1618
1762
|
translate: var(--tw-translate-x) var(--tw-translate-y);
|
|
1619
1763
|
}
|
|
1620
1764
|
[data-theme="rui"] .-translate-y-1\/2 {
|
|
1621
|
-
--tw-translate-y: calc(calc(1/2 * 100%) * -1);
|
|
1765
|
+
--tw-translate-y: calc(calc(1 / 2 * 100%) * -1);
|
|
1622
1766
|
translate: var(--tw-translate-x) var(--tw-translate-y);
|
|
1623
1767
|
}
|
|
1624
1768
|
[data-theme="rui"] .translate-y-\[-50\%\] {
|
|
1625
1769
|
--tw-translate-y: -50%;
|
|
1626
1770
|
translate: var(--tw-translate-x) var(--tw-translate-y);
|
|
1627
1771
|
}
|
|
1772
|
+
[data-theme="rui"] .\[translate\:0\] {
|
|
1773
|
+
translate: 0;
|
|
1774
|
+
}
|
|
1775
|
+
[data-theme="rui"] .ui-press {
|
|
1776
|
+
transition-duration: 150ms;
|
|
1777
|
+
[data-theme="rui"] &:active {
|
|
1778
|
+
scale: 0.97;
|
|
1779
|
+
}
|
|
1780
|
+
[data-theme="rui"] &[data-pressed] {
|
|
1781
|
+
scale: 0.97;
|
|
1782
|
+
}
|
|
1783
|
+
}
|
|
1628
1784
|
[data-theme="rui"] .-rotate-90 {
|
|
1629
1785
|
rotate: calc(90deg * -1);
|
|
1630
1786
|
}
|
|
1631
1787
|
[data-theme="rui"] .rotate-180 {
|
|
1632
1788
|
rotate: 180deg;
|
|
1633
1789
|
}
|
|
1790
|
+
[data-theme="rui"] .transform {
|
|
1791
|
+
transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);
|
|
1792
|
+
}
|
|
1634
1793
|
[data-theme="rui"] .transform-gpu {
|
|
1635
1794
|
transform: translateZ(0) var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);
|
|
1636
1795
|
}
|
|
@@ -1640,10 +1799,53 @@
|
|
|
1640
1799
|
[data-theme="rui"] .animate-rotate-spinner {
|
|
1641
1800
|
animation: rotate-spinner 2s linear infinite;
|
|
1642
1801
|
}
|
|
1802
|
+
[data-theme="rui"] .ui-interactive {
|
|
1803
|
+
cursor: pointer;
|
|
1804
|
+
--tw-outline-style: none;
|
|
1805
|
+
outline-style: none;
|
|
1806
|
+
[data-theme="rui"] &:where([data-rac])[data-focus-visible] {
|
|
1807
|
+
--tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
|
|
1808
|
+
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
|
|
1809
|
+
--tw-ring-color: color-mix(in srgb, oklch(70.9% 0.01 56.259) 50%, transparent);
|
|
1810
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
1811
|
+
--tw-ring-color: color-mix(in oklab, var(--color-stone-400) 50%, transparent);
|
|
1812
|
+
}
|
|
1813
|
+
--tw-outline-style: none;
|
|
1814
|
+
outline-style: none;
|
|
1815
|
+
--ui-border-color: var(--color-ring);
|
|
1816
|
+
}
|
|
1817
|
+
[data-theme="rui"] &:where(:not([data-rac])):focus-visible {
|
|
1818
|
+
--tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
|
|
1819
|
+
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
|
|
1820
|
+
--tw-ring-color: color-mix(in srgb, oklch(70.9% 0.01 56.259) 50%, transparent);
|
|
1821
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
1822
|
+
--tw-ring-color: color-mix(in oklab, var(--color-stone-400) 50%, transparent);
|
|
1823
|
+
}
|
|
1824
|
+
--tw-outline-style: none;
|
|
1825
|
+
outline-style: none;
|
|
1826
|
+
--ui-border-color: var(--color-ring);
|
|
1827
|
+
}
|
|
1828
|
+
[data-theme="rui"] &:where([data-rac])[data-disabled] {
|
|
1829
|
+
cursor: not-allowed;
|
|
1830
|
+
color: var(--color-stone-500);
|
|
1831
|
+
background: var(--color-disabled);
|
|
1832
|
+
background-clip: border-box;
|
|
1833
|
+
box-shadow: none;
|
|
1834
|
+
}
|
|
1835
|
+
[data-theme="rui"] &:where(:not([data-rac])):disabled {
|
|
1836
|
+
cursor: not-allowed;
|
|
1837
|
+
color: var(--color-stone-500);
|
|
1838
|
+
background: var(--color-disabled);
|
|
1839
|
+
background-clip: border-box;
|
|
1840
|
+
box-shadow: none;
|
|
1841
|
+
}
|
|
1842
|
+
}
|
|
1643
1843
|
[data-theme="rui"] .ui-state-disabled {
|
|
1644
1844
|
cursor: not-allowed;
|
|
1645
|
-
|
|
1646
|
-
|
|
1845
|
+
color: var(--color-stone-500);
|
|
1846
|
+
background: var(--color-disabled);
|
|
1847
|
+
background-clip: border-box;
|
|
1848
|
+
box-shadow: none;
|
|
1647
1849
|
}
|
|
1648
1850
|
[data-theme="rui"] .cursor-alias {
|
|
1649
1851
|
cursor: alias;
|
|
@@ -1759,6 +1961,9 @@
|
|
|
1759
1961
|
[data-theme="rui"] .grid-cols-\[auto_1fr\] {
|
|
1760
1962
|
grid-template-columns: auto 1fr;
|
|
1761
1963
|
}
|
|
1964
|
+
[data-theme="rui"] .grid-cols-\[auto_1fr_auto\] {
|
|
1965
|
+
grid-template-columns: auto 1fr auto;
|
|
1966
|
+
}
|
|
1762
1967
|
[data-theme="rui"] .grid-cols-\[auto_1fr_auto_auto\] {
|
|
1763
1968
|
grid-template-columns: auto 1fr auto auto;
|
|
1764
1969
|
}
|
|
@@ -1960,21 +2165,6 @@
|
|
|
1960
2165
|
[data-theme="rui"] .gap-\[inherit\] {
|
|
1961
2166
|
gap: inherit;
|
|
1962
2167
|
}
|
|
1963
|
-
[data-theme="rui"] .gap-\[var\(--spacing-container\)\] {
|
|
1964
|
-
gap: var(--spacing-container);
|
|
1965
|
-
}
|
|
1966
|
-
[data-theme="rui"] .gap-\[var\(--spacing-fieldX\)\] {
|
|
1967
|
-
gap: var(--spacing-fieldX);
|
|
1968
|
-
}
|
|
1969
|
-
[data-theme="rui"] .gap-\[var\(--spacing-fieldY\)\] {
|
|
1970
|
-
gap: var(--spacing-fieldY);
|
|
1971
|
-
}
|
|
1972
|
-
[data-theme="rui"] .gap-\[var\(--spacing-group\)\] {
|
|
1973
|
-
gap: var(--spacing-group);
|
|
1974
|
-
}
|
|
1975
|
-
[data-theme="rui"] .gap-\[var\(--spacing-section\)\] {
|
|
1976
|
-
gap: var(--spacing-section);
|
|
1977
|
-
}
|
|
1978
2168
|
[data-theme="rui"] .space-y-1 {
|
|
1979
2169
|
[data-theme="rui"] :where(& > :not(:last-child)) {
|
|
1980
2170
|
--tw-space-y-reverse: 0;
|
|
@@ -2047,6 +2237,9 @@
|
|
|
2047
2237
|
[data-theme="rui"] .overflow-x-auto {
|
|
2048
2238
|
overflow-x: auto;
|
|
2049
2239
|
}
|
|
2240
|
+
[data-theme="rui"] .overflow-x-hidden {
|
|
2241
|
+
overflow-x: hidden;
|
|
2242
|
+
}
|
|
2050
2243
|
[data-theme="rui"] .overflow-y-auto {
|
|
2051
2244
|
overflow-y: auto;
|
|
2052
2245
|
}
|
|
@@ -2074,6 +2267,9 @@
|
|
|
2074
2267
|
[data-theme="rui"] .rounded-md {
|
|
2075
2268
|
border-radius: var(--radius-md);
|
|
2076
2269
|
}
|
|
2270
|
+
[data-theme="rui"] .rounded-none {
|
|
2271
|
+
border-radius: 0;
|
|
2272
|
+
}
|
|
2077
2273
|
[data-theme="rui"] .rounded-sm {
|
|
2078
2274
|
border-radius: var(--radius-sm);
|
|
2079
2275
|
}
|
|
@@ -2110,6 +2306,17 @@
|
|
|
2110
2306
|
border-top-style: var(--tw-border-style);
|
|
2111
2307
|
border-top-width: 1px;
|
|
2112
2308
|
}
|
|
2309
|
+
[data-theme="rui"] .border-r {
|
|
2310
|
+
border-right-style: var(--tw-border-style);
|
|
2311
|
+
border-right-width: 1px;
|
|
2312
|
+
}
|
|
2313
|
+
[data-theme="rui"] .ui-panel-header {
|
|
2314
|
+
border-bottom-style: var(--tw-border-style);
|
|
2315
|
+
border-bottom-width: 1px;
|
|
2316
|
+
border-color: var(--color-stone-200);
|
|
2317
|
+
padding-inline: calc(var(--spacing) * 6);
|
|
2318
|
+
padding-block: calc(var(--spacing) * 4);
|
|
2319
|
+
}
|
|
2113
2320
|
[data-theme="rui"] .border-b {
|
|
2114
2321
|
border-bottom-style: var(--tw-border-style);
|
|
2115
2322
|
border-bottom-width: 1px;
|
|
@@ -2314,6 +2521,9 @@
|
|
|
2314
2521
|
[data-theme="rui"] .bg-destructive-muted {
|
|
2315
2522
|
background-color: var(--color-red-100);
|
|
2316
2523
|
}
|
|
2524
|
+
[data-theme="rui"] .bg-foreground {
|
|
2525
|
+
background-color: var(--color-stone-950);
|
|
2526
|
+
}
|
|
2317
2527
|
[data-theme="rui"] .bg-gray-200 {
|
|
2318
2528
|
background-color: var(--color-gray-200);
|
|
2319
2529
|
}
|
|
@@ -2429,7 +2639,7 @@
|
|
|
2429
2639
|
fill: var(--color-blue-500);
|
|
2430
2640
|
}
|
|
2431
2641
|
[data-theme="rui"] .fill-muted-foreground {
|
|
2432
|
-
fill: var(--color-stone-
|
|
2642
|
+
fill: var(--color-stone-600);
|
|
2433
2643
|
}
|
|
2434
2644
|
[data-theme="rui"] .fill-none {
|
|
2435
2645
|
fill: none;
|
|
@@ -2578,6 +2788,9 @@
|
|
|
2578
2788
|
[data-theme="rui"] .p-px {
|
|
2579
2789
|
padding: 1px;
|
|
2580
2790
|
}
|
|
2791
|
+
[data-theme="rui"] .p-regular {
|
|
2792
|
+
padding: calc(var(--spacing) * 6);
|
|
2793
|
+
}
|
|
2581
2794
|
[data-theme="rui"] .p-squish-regular {
|
|
2582
2795
|
padding: calc(var(--spacing) * 2) calc(var(--spacing) * 3);
|
|
2583
2796
|
}
|
|
@@ -2597,7 +2810,7 @@
|
|
|
2597
2810
|
padding: calc(var(--spacing) * 2) calc(var(--spacing) * 1);
|
|
2598
2811
|
}
|
|
2599
2812
|
[data-theme="rui"] .p-tight {
|
|
2600
|
-
padding: calc(var(--spacing) * 1);
|
|
2813
|
+
padding: calc(var(--spacing) * 1.5);
|
|
2601
2814
|
}
|
|
2602
2815
|
[data-theme="rui"] .px-\(--cell-x-padding\) {
|
|
2603
2816
|
padding-inline: var(--cell-x-padding);
|
|
@@ -2704,6 +2917,9 @@
|
|
|
2704
2917
|
[data-theme="rui"] .px-96 {
|
|
2705
2918
|
padding-inline: calc(var(--spacing) * 96);
|
|
2706
2919
|
}
|
|
2920
|
+
[data-theme="rui"] .px-regular {
|
|
2921
|
+
padding-inline: calc(var(--spacing) * 6);
|
|
2922
|
+
}
|
|
2707
2923
|
[data-theme="rui"] .px-squish-regular {
|
|
2708
2924
|
padding-inline: calc(var(--spacing) * 2) calc(var(--spacing) * 3);
|
|
2709
2925
|
}
|
|
@@ -2723,7 +2939,7 @@
|
|
|
2723
2939
|
padding-inline: calc(var(--spacing) * 2) calc(var(--spacing) * 1);
|
|
2724
2940
|
}
|
|
2725
2941
|
[data-theme="rui"] .px-tight {
|
|
2726
|
-
padding-inline: calc(var(--spacing) * 1);
|
|
2942
|
+
padding-inline: calc(var(--spacing) * 1.5);
|
|
2727
2943
|
}
|
|
2728
2944
|
[data-theme="rui"] .py-\(--cell-y-padding\) {
|
|
2729
2945
|
padding-block: var(--cell-y-padding);
|
|
@@ -2830,20 +3046,8 @@
|
|
|
2830
3046
|
[data-theme="rui"] .py-96 {
|
|
2831
3047
|
padding-block: calc(var(--spacing) * 96);
|
|
2832
3048
|
}
|
|
2833
|
-
[data-theme="rui"] .py
|
|
2834
|
-
padding-block: var(--spacing
|
|
2835
|
-
}
|
|
2836
|
-
[data-theme="rui"] .py-\[var\(--spacing-field-X\)\] {
|
|
2837
|
-
padding-block: var(--spacing-field-X);
|
|
2838
|
-
}
|
|
2839
|
-
[data-theme="rui"] .py-\[var\(--spacing-field-Y\)\] {
|
|
2840
|
-
padding-block: var(--spacing-field-Y);
|
|
2841
|
-
}
|
|
2842
|
-
[data-theme="rui"] .py-\[var\(--spacing-group\)\] {
|
|
2843
|
-
padding-block: var(--spacing-group);
|
|
2844
|
-
}
|
|
2845
|
-
[data-theme="rui"] .py-\[var\(--spacing-section\)\] {
|
|
2846
|
-
padding-block: var(--spacing-section);
|
|
3049
|
+
[data-theme="rui"] .py-regular {
|
|
3050
|
+
padding-block: calc(var(--spacing) * 6);
|
|
2847
3051
|
}
|
|
2848
3052
|
[data-theme="rui"] .py-squish-regular {
|
|
2849
3053
|
padding-block: calc(var(--spacing) * 2) calc(var(--spacing) * 3);
|
|
@@ -2864,7 +3068,7 @@
|
|
|
2864
3068
|
padding-block: calc(var(--spacing) * 2) calc(var(--spacing) * 1);
|
|
2865
3069
|
}
|
|
2866
3070
|
[data-theme="rui"] .py-tight {
|
|
2867
|
-
padding-block: calc(var(--spacing) * 1);
|
|
3071
|
+
padding-block: calc(var(--spacing) * 1.5);
|
|
2868
3072
|
}
|
|
2869
3073
|
[data-theme="rui"] .pt-0 {
|
|
2870
3074
|
padding-top: calc(var(--spacing) * 0);
|
|
@@ -2968,6 +3172,9 @@
|
|
|
2968
3172
|
[data-theme="rui"] .pt-96 {
|
|
2969
3173
|
padding-top: calc(var(--spacing) * 96);
|
|
2970
3174
|
}
|
|
3175
|
+
[data-theme="rui"] .pt-regular {
|
|
3176
|
+
padding-top: calc(var(--spacing) * 6);
|
|
3177
|
+
}
|
|
2971
3178
|
[data-theme="rui"] .pt-squish-regular {
|
|
2972
3179
|
padding-top: calc(var(--spacing) * 2) calc(var(--spacing) * 3);
|
|
2973
3180
|
}
|
|
@@ -2987,7 +3194,7 @@
|
|
|
2987
3194
|
padding-top: calc(var(--spacing) * 2) calc(var(--spacing) * 1);
|
|
2988
3195
|
}
|
|
2989
3196
|
[data-theme="rui"] .pt-tight {
|
|
2990
|
-
padding-top: calc(var(--spacing) * 1);
|
|
3197
|
+
padding-top: calc(var(--spacing) * 1.5);
|
|
2991
3198
|
}
|
|
2992
3199
|
[data-theme="rui"] .pr-0 {
|
|
2993
3200
|
padding-right: calc(var(--spacing) * 0);
|
|
@@ -3091,6 +3298,9 @@
|
|
|
3091
3298
|
[data-theme="rui"] .pr-96 {
|
|
3092
3299
|
padding-right: calc(var(--spacing) * 96);
|
|
3093
3300
|
}
|
|
3301
|
+
[data-theme="rui"] .pr-regular {
|
|
3302
|
+
padding-right: calc(var(--spacing) * 6);
|
|
3303
|
+
}
|
|
3094
3304
|
[data-theme="rui"] .pr-squish-regular {
|
|
3095
3305
|
padding-right: calc(var(--spacing) * 2) calc(var(--spacing) * 3);
|
|
3096
3306
|
}
|
|
@@ -3110,7 +3320,7 @@
|
|
|
3110
3320
|
padding-right: calc(var(--spacing) * 2) calc(var(--spacing) * 1);
|
|
3111
3321
|
}
|
|
3112
3322
|
[data-theme="rui"] .pr-tight {
|
|
3113
|
-
padding-right: calc(var(--spacing) * 1);
|
|
3323
|
+
padding-right: calc(var(--spacing) * 1.5);
|
|
3114
3324
|
}
|
|
3115
3325
|
[data-theme="rui"] .pb-0 {
|
|
3116
3326
|
padding-bottom: calc(var(--spacing) * 0);
|
|
@@ -3214,6 +3424,9 @@
|
|
|
3214
3424
|
[data-theme="rui"] .pb-96 {
|
|
3215
3425
|
padding-bottom: calc(var(--spacing) * 96);
|
|
3216
3426
|
}
|
|
3427
|
+
[data-theme="rui"] .pb-regular {
|
|
3428
|
+
padding-bottom: calc(var(--spacing) * 6);
|
|
3429
|
+
}
|
|
3217
3430
|
[data-theme="rui"] .pb-squish-regular {
|
|
3218
3431
|
padding-bottom: calc(var(--spacing) * 2) calc(var(--spacing) * 3);
|
|
3219
3432
|
}
|
|
@@ -3233,7 +3446,7 @@
|
|
|
3233
3446
|
padding-bottom: calc(var(--spacing) * 2) calc(var(--spacing) * 1);
|
|
3234
3447
|
}
|
|
3235
3448
|
[data-theme="rui"] .pb-tight {
|
|
3236
|
-
padding-bottom: calc(var(--spacing) * 1);
|
|
3449
|
+
padding-bottom: calc(var(--spacing) * 1.5);
|
|
3237
3450
|
}
|
|
3238
3451
|
[data-theme="rui"] .pl-0 {
|
|
3239
3452
|
padding-left: calc(var(--spacing) * 0);
|
|
@@ -3337,6 +3550,9 @@
|
|
|
3337
3550
|
[data-theme="rui"] .pl-96 {
|
|
3338
3551
|
padding-left: calc(var(--spacing) * 96);
|
|
3339
3552
|
}
|
|
3553
|
+
[data-theme="rui"] .pl-regular {
|
|
3554
|
+
padding-left: calc(var(--spacing) * 6);
|
|
3555
|
+
}
|
|
3340
3556
|
[data-theme="rui"] .pl-squish-regular {
|
|
3341
3557
|
padding-left: calc(var(--spacing) * 2) calc(var(--spacing) * 3);
|
|
3342
3558
|
}
|
|
@@ -3356,7 +3572,7 @@
|
|
|
3356
3572
|
padding-left: calc(var(--spacing) * 2) calc(var(--spacing) * 1);
|
|
3357
3573
|
}
|
|
3358
3574
|
[data-theme="rui"] .pl-tight {
|
|
3359
|
-
padding-left: calc(var(--spacing) * 1);
|
|
3575
|
+
padding-left: calc(var(--spacing) * 1.5);
|
|
3360
3576
|
}
|
|
3361
3577
|
[data-theme="rui"] .text-center {
|
|
3362
3578
|
text-align: center;
|
|
@@ -3506,6 +3722,10 @@
|
|
|
3506
3722
|
--tw-font-weight: var(--font-weight-thin);
|
|
3507
3723
|
font-weight: var(--font-weight-thin);
|
|
3508
3724
|
}
|
|
3725
|
+
[data-theme="rui"] .tracking-wider {
|
|
3726
|
+
--tw-tracking: var(--tracking-wider);
|
|
3727
|
+
letter-spacing: var(--tracking-wider);
|
|
3728
|
+
}
|
|
3509
3729
|
[data-theme="rui"] .text-balance {
|
|
3510
3730
|
text-wrap: balance;
|
|
3511
3731
|
}
|
|
@@ -3587,6 +3807,12 @@
|
|
|
3587
3807
|
color: color-mix(in oklab, var(--color-stone-950) 60%, transparent);
|
|
3588
3808
|
}
|
|
3589
3809
|
}
|
|
3810
|
+
[data-theme="rui"] .text-foreground\/80 {
|
|
3811
|
+
color: color-mix(in srgb, oklch(14.7% 0.004 49.25) 80%, transparent);
|
|
3812
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
3813
|
+
color: color-mix(in oklab, var(--color-stone-950) 80%, transparent);
|
|
3814
|
+
}
|
|
3815
|
+
}
|
|
3590
3816
|
[data-theme="rui"] .text-gray-800 {
|
|
3591
3817
|
color: var(--color-gray-800);
|
|
3592
3818
|
}
|
|
@@ -3603,12 +3829,12 @@
|
|
|
3603
3829
|
color: var(--color-blue-600);
|
|
3604
3830
|
}
|
|
3605
3831
|
[data-theme="rui"] .text-muted-foreground {
|
|
3606
|
-
color: var(--color-stone-
|
|
3832
|
+
color: var(--color-stone-600);
|
|
3607
3833
|
}
|
|
3608
3834
|
[data-theme="rui"] .text-muted-foreground\/80 {
|
|
3609
|
-
color: color-mix(in srgb, oklch(
|
|
3835
|
+
color: color-mix(in srgb, oklch(44.4% 0.011 73.639) 80%, transparent);
|
|
3610
3836
|
@supports (color: color-mix(in lab, red, red)) {
|
|
3611
|
-
color: color-mix(in oklab, var(--color-stone-
|
|
3837
|
+
color: color-mix(in oklab, var(--color-stone-600) 80%, transparent);
|
|
3612
3838
|
}
|
|
3613
3839
|
}
|
|
3614
3840
|
[data-theme="rui"] .text-red-500 {
|
|
@@ -3635,6 +3861,9 @@
|
|
|
3635
3861
|
[data-theme="rui"] .text-white {
|
|
3636
3862
|
color: var(--color-white);
|
|
3637
3863
|
}
|
|
3864
|
+
[data-theme="rui"] .uppercase {
|
|
3865
|
+
text-transform: uppercase;
|
|
3866
|
+
}
|
|
3638
3867
|
[data-theme="rui"] .italic {
|
|
3639
3868
|
font-style: italic;
|
|
3640
3869
|
}
|
|
@@ -3673,8 +3902,12 @@
|
|
|
3673
3902
|
--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));
|
|
3674
3903
|
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
|
|
3675
3904
|
}
|
|
3905
|
+
[data-theme="rui"] .shadow-\[var\(--shadow-elevation-overlay\)\,0_0_3px_1px_oklch\(0_0_0\/0\.06\)\] {
|
|
3906
|
+
--tw-shadow: var(--shadow-elevation-overlay), 0 0 3px 1px var(--tw-shadow-color, oklch(0 0 0/0.06));
|
|
3907
|
+
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
|
|
3908
|
+
}
|
|
3676
3909
|
[data-theme="rui"] .shadow-elevation-border {
|
|
3677
|
-
--tw-shadow: 0px 0.3px 0.3px var(--tw-shadow-color, oklch(0 0 0 / 0.
|
|
3910
|
+
--tw-shadow: 0px 0.3px 0.3px var(--tw-shadow-color, oklch(0 0 0 / 0.14)), 0px 1px 1.2px -3px var(--tw-shadow-color, oklch(0 0 0 / 0.12));
|
|
3678
3911
|
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
|
|
3679
3912
|
}
|
|
3680
3913
|
[data-theme="rui"] .shadow-elevation-overlay {
|
|
@@ -3682,7 +3915,7 @@
|
|
|
3682
3915
|
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
|
|
3683
3916
|
}
|
|
3684
3917
|
[data-theme="rui"] .shadow-elevation-raised {
|
|
3685
|
-
--tw-shadow: 0px 0.3px 0.
|
|
3918
|
+
--tw-shadow: 0px 0.3px 0.8px var(--tw-shadow-color, oklch(0 0 0 / 0.28)), 0px 1.4px 1.3px -2px var(--tw-shadow-color, oklch(0 0 0 / 0.21)), 0px 6.7px 6px -4px var(--tw-shadow-color, oklch(0 0 0 / 0.15));
|
|
3686
3919
|
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
|
|
3687
3920
|
}
|
|
3688
3921
|
[data-theme="rui"] .shadow-lg {
|
|
@@ -3767,12 +4000,6 @@
|
|
|
3767
4000
|
[data-theme="rui"] .outline-offset-2 {
|
|
3768
4001
|
outline-offset: 2px;
|
|
3769
4002
|
}
|
|
3770
|
-
[data-theme="rui"] .outline-ring\/30 {
|
|
3771
|
-
outline-color: color-mix(in srgb, oklch(70.9% 0.01 56.259) 30%, transparent);
|
|
3772
|
-
@supports (color: color-mix(in lab, red, red)) {
|
|
3773
|
-
outline-color: color-mix(in oklab, var(--color-stone-400) 30%, transparent);
|
|
3774
|
-
}
|
|
3775
|
-
}
|
|
3776
4003
|
[data-theme="rui"] .outline-ring\/70 {
|
|
3777
4004
|
outline-color: color-mix(in srgb, oklch(70.9% 0.01 56.259) 70%, transparent);
|
|
3778
4005
|
@supports (color: color-mix(in lab, red, red)) {
|
|
@@ -3836,6 +4063,11 @@
|
|
|
3836
4063
|
transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
|
|
3837
4064
|
transition-duration: var(--tw-duration, var(--default-transition-duration));
|
|
3838
4065
|
}
|
|
4066
|
+
[data-theme="rui"] .transition-\[opacity\,translate\,filter\] {
|
|
4067
|
+
transition-property: opacity,translate,filter;
|
|
4068
|
+
transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
|
|
4069
|
+
transition-duration: var(--tw-duration, var(--default-transition-duration));
|
|
4070
|
+
}
|
|
3839
4071
|
[data-theme="rui"] .transition-all {
|
|
3840
4072
|
transition-property: all;
|
|
3841
4073
|
transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
|
|
@@ -3860,10 +4092,6 @@
|
|
|
3860
4092
|
--tw-duration: 150ms;
|
|
3861
4093
|
transition-duration: 150ms;
|
|
3862
4094
|
}
|
|
3863
|
-
[data-theme="rui"] .duration-200 {
|
|
3864
|
-
--tw-duration: 200ms;
|
|
3865
|
-
transition-duration: 200ms;
|
|
3866
|
-
}
|
|
3867
4095
|
[data-theme="rui"] .duration-250 {
|
|
3868
4096
|
--tw-duration: 250ms;
|
|
3869
4097
|
transition-duration: 250ms;
|
|
@@ -3872,10 +4100,6 @@
|
|
|
3872
4100
|
--tw-duration: 300ms;
|
|
3873
4101
|
transition-duration: 300ms;
|
|
3874
4102
|
}
|
|
3875
|
-
[data-theme="rui"] .ease-in {
|
|
3876
|
-
--tw-ease: var(--ease-in);
|
|
3877
|
-
transition-timing-function: var(--ease-in);
|
|
3878
|
-
}
|
|
3879
4103
|
[data-theme="rui"] .ease-out {
|
|
3880
4104
|
--tw-ease: var(--ease-out);
|
|
3881
4105
|
transition-timing-function: var(--ease-out);
|
|
@@ -3884,28 +4108,14 @@
|
|
|
3884
4108
|
--tw-ease: cubic-bezier(0.23, 1, 0.32, 1);
|
|
3885
4109
|
transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
|
|
3886
4110
|
}
|
|
3887
|
-
[data-theme="rui"] .animate-in {
|
|
3888
|
-
animation-name: enter;
|
|
3889
|
-
animation-duration: 150ms;
|
|
3890
|
-
--tw-enter-opacity: initial;
|
|
3891
|
-
--tw-enter-scale: initial;
|
|
3892
|
-
--tw-enter-rotate: initial;
|
|
3893
|
-
--tw-enter-translate-x: initial;
|
|
3894
|
-
--tw-enter-translate-y: initial;
|
|
3895
|
-
}
|
|
3896
|
-
[data-theme="rui"] .animate-out {
|
|
3897
|
-
animation-name: exit;
|
|
3898
|
-
animation-duration: 150ms;
|
|
3899
|
-
--tw-exit-opacity: initial;
|
|
3900
|
-
--tw-exit-scale: initial;
|
|
3901
|
-
--tw-exit-rotate: initial;
|
|
3902
|
-
--tw-exit-translate-x: initial;
|
|
3903
|
-
--tw-exit-translate-y: initial;
|
|
3904
|
-
}
|
|
3905
4111
|
[data-theme="rui"] .outline-none {
|
|
3906
4112
|
--tw-outline-style: none;
|
|
3907
4113
|
outline-style: none;
|
|
3908
4114
|
}
|
|
4115
|
+
[data-theme="rui"] .select-all {
|
|
4116
|
+
-webkit-user-select: all;
|
|
4117
|
+
user-select: all;
|
|
4118
|
+
}
|
|
3909
4119
|
[data-theme="rui"] .select-none {
|
|
3910
4120
|
-webkit-user-select: none;
|
|
3911
4121
|
user-select: none;
|
|
@@ -3953,6 +4163,12 @@
|
|
|
3953
4163
|
[data-theme="rui"] .\[--header-height\:calc\(var\(--spacing\)\*12\)\] {
|
|
3954
4164
|
--header-height: calc(var(--spacing) * 12);
|
|
3955
4165
|
}
|
|
4166
|
+
[data-theme="rui"] .\[--slide-offset\:1rem\] {
|
|
4167
|
+
--slide-offset: 1rem;
|
|
4168
|
+
}
|
|
4169
|
+
[data-theme="rui"] .\[--ui-border-color\:oklch\(from_var\(--color-surface-border\)_calc\(l-0\.1\)_c_h\)\] {
|
|
4170
|
+
--ui-border-color: oklch(from var(--color-surface-border) calc(l - 0.1) c h);
|
|
4171
|
+
}
|
|
3956
4172
|
[data-theme="rui"] .\[grid-area\:action\] {
|
|
3957
4173
|
grid-area: action;
|
|
3958
4174
|
}
|
|
@@ -3971,21 +4187,42 @@
|
|
|
3971
4187
|
[data-theme="rui"] .\[grid-area\:drag\] {
|
|
3972
4188
|
grid-area: drag;
|
|
3973
4189
|
}
|
|
4190
|
+
[data-theme="rui"] .\[grid-area\:end\] {
|
|
4191
|
+
grid-area: end;
|
|
4192
|
+
}
|
|
4193
|
+
[data-theme="rui"] .\[grid-area\:footer\] {
|
|
4194
|
+
grid-area: footer;
|
|
4195
|
+
}
|
|
4196
|
+
[data-theme="rui"] .\[grid-area\:header\] {
|
|
4197
|
+
grid-area: header;
|
|
4198
|
+
}
|
|
3974
4199
|
[data-theme="rui"] .\[grid-area\:icon\] {
|
|
3975
4200
|
grid-area: icon;
|
|
3976
4201
|
}
|
|
3977
4202
|
[data-theme="rui"] .\[grid-area\:label\] {
|
|
3978
4203
|
grid-area: label;
|
|
3979
4204
|
}
|
|
4205
|
+
[data-theme="rui"] .\[grid-area\:middle\] {
|
|
4206
|
+
grid-area: middle;
|
|
4207
|
+
}
|
|
3980
4208
|
[data-theme="rui"] .\[grid-area\:remove\] {
|
|
3981
4209
|
grid-area: remove;
|
|
3982
4210
|
}
|
|
4211
|
+
[data-theme="rui"] .\[grid-area\:start\] {
|
|
4212
|
+
grid-area: start;
|
|
4213
|
+
}
|
|
3983
4214
|
[data-theme="rui"] .\[grid-area\:title\] {
|
|
3984
4215
|
grid-area: title;
|
|
3985
4216
|
}
|
|
4217
|
+
[data-theme="rui"] .\[grid-template-areas\:\"start_middle_end\"\] {
|
|
4218
|
+
grid-template-areas: "start middle end";
|
|
4219
|
+
}
|
|
3986
4220
|
[data-theme="rui"] .\[grid-template-areas\:\'drag\'_\'title\'_\'content\'_\'actions\'\] {
|
|
3987
4221
|
grid-template-areas: 'drag' 'title' 'content' 'actions';
|
|
3988
4222
|
}
|
|
4223
|
+
[data-theme="rui"] .\[grid-template-areas\:\'header\'_\'content\'_\'footer\'\] {
|
|
4224
|
+
grid-template-areas: 'header' 'content' 'footer';
|
|
4225
|
+
}
|
|
3989
4226
|
[data-theme="rui"] .\[grid-template-areas\:\'icon_title_action_close\'\'icon_description_action_close\'\] {
|
|
3990
4227
|
grid-template-areas: 'icon title action close''icon description action close';
|
|
3991
4228
|
}
|
|
@@ -4004,33 +4241,6 @@
|
|
|
4004
4241
|
[data-theme="rui"] .\[min-inline-size\:var\(--wrap\)\] {
|
|
4005
4242
|
min-inline-size: var(--wrap);
|
|
4006
4243
|
}
|
|
4007
|
-
[data-theme="rui"] .duration-150 {
|
|
4008
|
-
animation-duration: 150ms;
|
|
4009
|
-
}
|
|
4010
|
-
[data-theme="rui"] .duration-200 {
|
|
4011
|
-
animation-duration: 200ms;
|
|
4012
|
-
}
|
|
4013
|
-
[data-theme="rui"] .duration-250 {
|
|
4014
|
-
animation-duration: 250ms;
|
|
4015
|
-
}
|
|
4016
|
-
[data-theme="rui"] .duration-300 {
|
|
4017
|
-
animation-duration: 300ms;
|
|
4018
|
-
}
|
|
4019
|
-
[data-theme="rui"] .ease-in {
|
|
4020
|
-
animation-timing-function: cubic-bezier(0.4, 0, 1, 1);
|
|
4021
|
-
}
|
|
4022
|
-
[data-theme="rui"] .ease-out {
|
|
4023
|
-
animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
|
|
4024
|
-
}
|
|
4025
|
-
[data-theme="rui"] .ease-out-quint {
|
|
4026
|
-
animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
|
|
4027
|
-
}
|
|
4028
|
-
[data-theme="rui"] .fade-in {
|
|
4029
|
-
--tw-enter-opacity: 0;
|
|
4030
|
-
}
|
|
4031
|
-
[data-theme="rui"] .fade-out {
|
|
4032
|
-
--tw-exit-opacity: 0;
|
|
4033
|
-
}
|
|
4034
4244
|
[data-theme="rui"] .ui-state-readonly {
|
|
4035
4245
|
--ui-background-color: var(--color-muted);
|
|
4036
4246
|
}
|
|
@@ -4166,6 +4376,46 @@
|
|
|
4166
4376
|
--ui-background-color: var(--color-muted);
|
|
4167
4377
|
}
|
|
4168
4378
|
}
|
|
4379
|
+
[data-theme="rui"] .group-hover\/icon\:\[translate\:-1\.5px\] {
|
|
4380
|
+
[data-theme="rui"] &:is(:where(.group\/icon):where([data-rac])[data-hovered] *) {
|
|
4381
|
+
translate: -1.5px;
|
|
4382
|
+
}
|
|
4383
|
+
@media (hover: hover) {
|
|
4384
|
+
[data-theme="rui"] &:is(:where(.group\/icon):where(:not([data-rac])):hover *) {
|
|
4385
|
+
translate: -1.5px;
|
|
4386
|
+
}
|
|
4387
|
+
}
|
|
4388
|
+
}
|
|
4389
|
+
[data-theme="rui"] .group-hover\/icon\:\[translate\:-1px\] {
|
|
4390
|
+
[data-theme="rui"] &:is(:where(.group\/icon):where([data-rac])[data-hovered] *) {
|
|
4391
|
+
translate: -1px;
|
|
4392
|
+
}
|
|
4393
|
+
@media (hover: hover) {
|
|
4394
|
+
[data-theme="rui"] &:is(:where(.group\/icon):where(:not([data-rac])):hover *) {
|
|
4395
|
+
translate: -1px;
|
|
4396
|
+
}
|
|
4397
|
+
}
|
|
4398
|
+
}
|
|
4399
|
+
[data-theme="rui"] .group-hover\/icon\:\[translate\:1\.5px\] {
|
|
4400
|
+
[data-theme="rui"] &:is(:where(.group\/icon):where([data-rac])[data-hovered] *) {
|
|
4401
|
+
translate: 1.5px;
|
|
4402
|
+
}
|
|
4403
|
+
@media (hover: hover) {
|
|
4404
|
+
[data-theme="rui"] &:is(:where(.group\/icon):where(:not([data-rac])):hover *) {
|
|
4405
|
+
translate: 1.5px;
|
|
4406
|
+
}
|
|
4407
|
+
}
|
|
4408
|
+
}
|
|
4409
|
+
[data-theme="rui"] .group-hover\/icon\:\[translate\:1px\] {
|
|
4410
|
+
[data-theme="rui"] &:is(:where(.group\/icon):where([data-rac])[data-hovered] *) {
|
|
4411
|
+
translate: 1px;
|
|
4412
|
+
}
|
|
4413
|
+
@media (hover: hover) {
|
|
4414
|
+
[data-theme="rui"] &:is(:where(.group\/icon):where(:not([data-rac])):hover *) {
|
|
4415
|
+
translate: 1px;
|
|
4416
|
+
}
|
|
4417
|
+
}
|
|
4418
|
+
}
|
|
4169
4419
|
[data-theme="rui"] .group-focus-visible\/checkbox\:border-\(--ui-border-color\) {
|
|
4170
4420
|
[data-theme="rui"] &:is(:where(.group\/checkbox):where([data-rac])[data-focus-visible] *) {
|
|
4171
4421
|
border-color: var(--ui-border-color);
|
|
@@ -4264,22 +4514,26 @@
|
|
|
4264
4514
|
}
|
|
4265
4515
|
[data-theme="rui"] .group-disabled\/checkbox\:text-disabled-foreground {
|
|
4266
4516
|
[data-theme="rui"] &:is(:where(.group\/checkbox):where([data-rac])[data-disabled] *) {
|
|
4267
|
-
color: var(--color-stone-
|
|
4517
|
+
color: var(--color-stone-500);
|
|
4268
4518
|
}
|
|
4269
4519
|
[data-theme="rui"] &:is(:where(.group\/checkbox):where(:not([data-rac])):disabled *) {
|
|
4270
|
-
color: var(--color-stone-
|
|
4520
|
+
color: var(--color-stone-500);
|
|
4271
4521
|
}
|
|
4272
4522
|
}
|
|
4273
4523
|
[data-theme="rui"] .group-disabled\/field\:ui-state-disabled {
|
|
4274
4524
|
[data-theme="rui"] &:is(:where(.group\/field):where([data-rac])[data-disabled] *) {
|
|
4275
4525
|
cursor: not-allowed;
|
|
4276
|
-
|
|
4277
|
-
|
|
4526
|
+
color: var(--color-stone-500);
|
|
4527
|
+
background: var(--color-disabled);
|
|
4528
|
+
background-clip: border-box;
|
|
4529
|
+
box-shadow: none;
|
|
4278
4530
|
}
|
|
4279
4531
|
[data-theme="rui"] &:is(:where(.group\/field):where(:not([data-rac])):disabled *) {
|
|
4280
4532
|
cursor: not-allowed;
|
|
4281
|
-
|
|
4282
|
-
|
|
4533
|
+
color: var(--color-stone-500);
|
|
4534
|
+
background: var(--color-disabled);
|
|
4535
|
+
background-clip: border-box;
|
|
4536
|
+
box-shadow: none;
|
|
4283
4537
|
}
|
|
4284
4538
|
}
|
|
4285
4539
|
[data-theme="rui"] .group-disabled\/field\:cursor-not-allowed {
|
|
@@ -4292,10 +4546,10 @@
|
|
|
4292
4546
|
}
|
|
4293
4547
|
[data-theme="rui"] .group-disabled\/field\:text-disabled-foreground {
|
|
4294
4548
|
[data-theme="rui"] &:is(:where(.group\/field):where([data-rac])[data-disabled] *) {
|
|
4295
|
-
color: var(--color-stone-
|
|
4549
|
+
color: var(--color-stone-500);
|
|
4296
4550
|
}
|
|
4297
4551
|
[data-theme="rui"] &:is(:where(.group\/field):where(:not([data-rac])):disabled *) {
|
|
4298
|
-
color: var(--color-stone-
|
|
4552
|
+
color: var(--color-stone-500);
|
|
4299
4553
|
}
|
|
4300
4554
|
}
|
|
4301
4555
|
[data-theme="rui"] .group-disabled\/radio\:cursor-not-allowed {
|
|
@@ -4316,10 +4570,10 @@
|
|
|
4316
4570
|
}
|
|
4317
4571
|
[data-theme="rui"] .group-disabled\/radio\:text-disabled-foreground {
|
|
4318
4572
|
[data-theme="rui"] &:is(:where(.group\/radio):where([data-rac])[data-disabled] *) {
|
|
4319
|
-
color: var(--color-stone-
|
|
4573
|
+
color: var(--color-stone-500);
|
|
4320
4574
|
}
|
|
4321
4575
|
[data-theme="rui"] &:is(:where(.group\/radio):where(:not([data-rac])):disabled *) {
|
|
4322
|
-
color: var(--color-stone-
|
|
4576
|
+
color: var(--color-stone-500);
|
|
4323
4577
|
}
|
|
4324
4578
|
}
|
|
4325
4579
|
[data-theme="rui"] .group-disabled\/switch\:bg-disabled {
|
|
@@ -4332,10 +4586,10 @@
|
|
|
4332
4586
|
}
|
|
4333
4587
|
[data-theme="rui"] .group-disabled\/switch\:text-disabled-foreground {
|
|
4334
4588
|
[data-theme="rui"] &:is(:where(.group\/switch):where([data-rac])[data-disabled] *) {
|
|
4335
|
-
color: var(--color-stone-
|
|
4589
|
+
color: var(--color-stone-500);
|
|
4336
4590
|
}
|
|
4337
4591
|
[data-theme="rui"] &:is(:where(.group\/switch):where(:not([data-rac])):disabled *) {
|
|
4338
|
-
color: var(--color-stone-
|
|
4592
|
+
color: var(--color-stone-500);
|
|
4339
4593
|
}
|
|
4340
4594
|
}
|
|
4341
4595
|
[data-theme="rui"] .group-aria-expanded\:hidden {
|
|
@@ -4348,6 +4602,15 @@
|
|
|
4348
4602
|
padding-right: calc(var(--spacing) * 7);
|
|
4349
4603
|
}
|
|
4350
4604
|
}
|
|
4605
|
+
[data-theme="rui"] .group-data-disabled\/field\:ui-state-disabled {
|
|
4606
|
+
[data-theme="rui"] &:is(:where(.group\/field)[data-disabled] *) {
|
|
4607
|
+
cursor: not-allowed;
|
|
4608
|
+
color: var(--color-stone-500);
|
|
4609
|
+
background: var(--color-disabled);
|
|
4610
|
+
background-clip: border-box;
|
|
4611
|
+
box-shadow: none;
|
|
4612
|
+
}
|
|
4613
|
+
}
|
|
4351
4614
|
[data-theme="rui"] .group-data-error\/field\:ui-state-error {
|
|
4352
4615
|
[data-theme="rui"] &:is(:where(.group\/field)[data-error] *) {
|
|
4353
4616
|
border-color: var(--color-red-600);
|
|
@@ -4507,10 +4770,10 @@
|
|
|
4507
4770
|
[data-theme="rui"] .group-selected\/switch\:group-disabled\/switch\:text-disabled-foreground {
|
|
4508
4771
|
[data-theme="rui"] &:is(:where(.group\/switch)[data-selected] *) {
|
|
4509
4772
|
[data-theme="rui"] &:is(:where(.group\/switch):where([data-rac])[data-disabled] *) {
|
|
4510
|
-
color: var(--color-stone-
|
|
4773
|
+
color: var(--color-stone-500);
|
|
4511
4774
|
}
|
|
4512
4775
|
[data-theme="rui"] &:is(:where(.group\/switch):where(:not([data-rac])):disabled *) {
|
|
4513
|
-
color: var(--color-stone-
|
|
4776
|
+
color: var(--color-stone-500);
|
|
4514
4777
|
}
|
|
4515
4778
|
}
|
|
4516
4779
|
}
|
|
@@ -4583,6 +4846,20 @@
|
|
|
4583
4846
|
}
|
|
4584
4847
|
}
|
|
4585
4848
|
}
|
|
4849
|
+
[data-theme="rui"] .marker\:text-muted-foreground {
|
|
4850
|
+
[data-theme="rui"] & *::marker {
|
|
4851
|
+
color: var(--color-stone-600);
|
|
4852
|
+
}
|
|
4853
|
+
[data-theme="rui"] &::marker {
|
|
4854
|
+
color: var(--color-stone-600);
|
|
4855
|
+
}
|
|
4856
|
+
[data-theme="rui"] & *::-webkit-details-marker {
|
|
4857
|
+
color: var(--color-stone-600);
|
|
4858
|
+
}
|
|
4859
|
+
[data-theme="rui"] &::-webkit-details-marker {
|
|
4860
|
+
color: var(--color-stone-600);
|
|
4861
|
+
}
|
|
4862
|
+
}
|
|
4586
4863
|
[data-theme="rui"] .file\:me-3 {
|
|
4587
4864
|
[data-theme="rui"] &::file-selector-button {
|
|
4588
4865
|
margin-inline-end: calc(var(--spacing) * 3);
|
|
@@ -4655,7 +4932,7 @@
|
|
|
4655
4932
|
}
|
|
4656
4933
|
[data-theme="rui"] .placeholder\:text-placeholder {
|
|
4657
4934
|
[data-theme="rui"] &::placeholder {
|
|
4658
|
-
color: var(--color-stone-
|
|
4935
|
+
color: var(--color-stone-600);
|
|
4659
4936
|
}
|
|
4660
4937
|
}
|
|
4661
4938
|
[data-theme="rui"] .before\:absolute {
|
|
@@ -4679,14 +4956,14 @@
|
|
|
4679
4956
|
[data-theme="rui"] .before\:-translate-y-1\/2 {
|
|
4680
4957
|
[data-theme="rui"] &::before {
|
|
4681
4958
|
content: var(--tw-content);
|
|
4682
|
-
--tw-translate-y: calc(calc(1/2 * 100%) * -1);
|
|
4959
|
+
--tw-translate-y: calc(calc(1 / 2 * 100%) * -1);
|
|
4683
4960
|
translate: var(--tw-translate-x) var(--tw-translate-y);
|
|
4684
4961
|
}
|
|
4685
4962
|
}
|
|
4686
|
-
[data-theme="rui"] .before\:bg-
|
|
4963
|
+
[data-theme="rui"] .before\:bg-border {
|
|
4687
4964
|
[data-theme="rui"] &::before {
|
|
4688
4965
|
content: var(--tw-content);
|
|
4689
|
-
background-color: var(--color-stone-
|
|
4966
|
+
background-color: var(--color-stone-200);
|
|
4690
4967
|
}
|
|
4691
4968
|
}
|
|
4692
4969
|
[data-theme="rui"] .after\:absolute {
|
|
@@ -4707,24 +4984,6 @@
|
|
|
4707
4984
|
top: 100%;
|
|
4708
4985
|
}
|
|
4709
4986
|
}
|
|
4710
|
-
[data-theme="rui"] .after\:bottom-0 {
|
|
4711
|
-
[data-theme="rui"] &::after {
|
|
4712
|
-
content: var(--tw-content);
|
|
4713
|
-
bottom: calc(var(--spacing) * 0);
|
|
4714
|
-
}
|
|
4715
|
-
}
|
|
4716
|
-
[data-theme="rui"] .after\:-mb-1 {
|
|
4717
|
-
[data-theme="rui"] &::after {
|
|
4718
|
-
content: var(--tw-content);
|
|
4719
|
-
margin-bottom: calc(var(--spacing) * -1);
|
|
4720
|
-
}
|
|
4721
|
-
}
|
|
4722
|
-
[data-theme="rui"] .after\:h-0\.5 {
|
|
4723
|
-
[data-theme="rui"] &::after {
|
|
4724
|
-
content: var(--tw-content);
|
|
4725
|
-
height: calc(var(--spacing) * 0.5);
|
|
4726
|
-
}
|
|
4727
|
-
}
|
|
4728
4987
|
[data-theme="rui"] .after\:h-screen {
|
|
4729
4988
|
[data-theme="rui"] &::after {
|
|
4730
4989
|
content: var(--tw-content);
|
|
@@ -4875,18 +5134,6 @@
|
|
|
4875
5134
|
color: var(--color-red-600);
|
|
4876
5135
|
}
|
|
4877
5136
|
}
|
|
4878
|
-
[data-theme="rui"] .invalid\:placeholder\:text-destructive {
|
|
4879
|
-
[data-theme="rui"] &:where([data-rac])[data-invalid] {
|
|
4880
|
-
[data-theme="rui"] &::placeholder {
|
|
4881
|
-
color: var(--color-red-600);
|
|
4882
|
-
}
|
|
4883
|
-
}
|
|
4884
|
-
[data-theme="rui"] &:where(:not([data-rac])):invalid {
|
|
4885
|
-
[data-theme="rui"] &::placeholder {
|
|
4886
|
-
color: var(--color-red-600);
|
|
4887
|
-
}
|
|
4888
|
-
}
|
|
4889
|
-
}
|
|
4890
5137
|
[data-theme="rui"] .read-only\:cursor-default {
|
|
4891
5138
|
[data-theme="rui"] &:where([data-rac])[data-readonly] {
|
|
4892
5139
|
cursor: default;
|
|
@@ -4903,34 +5150,34 @@
|
|
|
4903
5150
|
--ui-background-color: var(--color-muted);
|
|
4904
5151
|
}
|
|
4905
5152
|
}
|
|
4906
|
-
[data-theme="rui"] .hover\:bg-
|
|
5153
|
+
[data-theme="rui"] .hover\:bg-current\/8 {
|
|
4907
5154
|
[data-theme="rui"] &:where([data-rac])[data-hovered] {
|
|
4908
|
-
background-color:
|
|
5155
|
+
background-color: currentcolor;
|
|
4909
5156
|
@supports (color: color-mix(in lab, red, red)) {
|
|
4910
|
-
background-color: color-mix(in oklab,
|
|
5157
|
+
background-color: color-mix(in oklab, currentcolor 8%, transparent);
|
|
4911
5158
|
}
|
|
4912
5159
|
}
|
|
4913
5160
|
@media (hover: hover) {
|
|
4914
5161
|
[data-theme="rui"] &:where(:not([data-rac])):hover {
|
|
4915
|
-
background-color:
|
|
5162
|
+
background-color: currentcolor;
|
|
4916
5163
|
@supports (color: color-mix(in lab, red, red)) {
|
|
4917
|
-
background-color: color-mix(in oklab,
|
|
5164
|
+
background-color: color-mix(in oklab, currentcolor 8%, transparent);
|
|
4918
5165
|
}
|
|
4919
5166
|
}
|
|
4920
5167
|
}
|
|
4921
5168
|
}
|
|
4922
|
-
[data-theme="rui"] .hover\:bg-
|
|
5169
|
+
[data-theme="rui"] .hover\:bg-current\/10 {
|
|
4923
5170
|
[data-theme="rui"] &:where([data-rac])[data-hovered] {
|
|
4924
|
-
background-color:
|
|
5171
|
+
background-color: currentcolor;
|
|
4925
5172
|
@supports (color: color-mix(in lab, red, red)) {
|
|
4926
|
-
background-color: color-mix(in oklab,
|
|
5173
|
+
background-color: color-mix(in oklab, currentcolor 10%, transparent);
|
|
4927
5174
|
}
|
|
4928
5175
|
}
|
|
4929
5176
|
@media (hover: hover) {
|
|
4930
5177
|
[data-theme="rui"] &:where(:not([data-rac])):hover {
|
|
4931
|
-
background-color:
|
|
5178
|
+
background-color: currentcolor;
|
|
4932
5179
|
@supports (color: color-mix(in lab, red, red)) {
|
|
4933
|
-
background-color: color-mix(in oklab,
|
|
5180
|
+
background-color: color-mix(in oklab, currentcolor 10%, transparent);
|
|
4934
5181
|
}
|
|
4935
5182
|
}
|
|
4936
5183
|
}
|
|
@@ -5001,6 +5248,42 @@
|
|
|
5001
5248
|
}
|
|
5002
5249
|
}
|
|
5003
5250
|
}
|
|
5251
|
+
[data-theme="rui"] .hover\:ui-state-focus {
|
|
5252
|
+
[data-theme="rui"] &:where([data-rac])[data-hovered] {
|
|
5253
|
+
--tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
|
|
5254
|
+
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
|
|
5255
|
+
--tw-ring-color: color-mix(in srgb, oklch(70.9% 0.01 56.259) 50%, transparent);
|
|
5256
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
5257
|
+
--tw-ring-color: color-mix(in oklab, var(--color-stone-400) 50%, transparent);
|
|
5258
|
+
}
|
|
5259
|
+
--tw-outline-style: none;
|
|
5260
|
+
outline-style: none;
|
|
5261
|
+
--ui-border-color: var(--color-ring);
|
|
5262
|
+
}
|
|
5263
|
+
@media (hover: hover) {
|
|
5264
|
+
[data-theme="rui"] &:where(:not([data-rac])):hover {
|
|
5265
|
+
--tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
|
|
5266
|
+
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
|
|
5267
|
+
--tw-ring-color: color-mix(in srgb, oklch(70.9% 0.01 56.259) 50%, transparent);
|
|
5268
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
5269
|
+
--tw-ring-color: color-mix(in oklab, var(--color-stone-400) 50%, transparent);
|
|
5270
|
+
}
|
|
5271
|
+
--tw-outline-style: none;
|
|
5272
|
+
outline-style: none;
|
|
5273
|
+
--ui-border-color: var(--color-ring);
|
|
5274
|
+
}
|
|
5275
|
+
}
|
|
5276
|
+
}
|
|
5277
|
+
[data-theme="rui"] .hover\:\[--ui-background-color\:oklch\(from_var\(--color-brand\)_calc\(l-0\.05\)_c_h\)\] {
|
|
5278
|
+
[data-theme="rui"] &:where([data-rac])[data-hovered] {
|
|
5279
|
+
--ui-background-color: oklch(from var(--color-brand) calc(l - 0.05) c h);
|
|
5280
|
+
}
|
|
5281
|
+
@media (hover: hover) {
|
|
5282
|
+
[data-theme="rui"] &:where(:not([data-rac])):hover {
|
|
5283
|
+
--ui-background-color: oklch(from var(--color-brand) calc(l - 0.05) c h);
|
|
5284
|
+
}
|
|
5285
|
+
}
|
|
5286
|
+
}
|
|
5004
5287
|
[data-theme="rui"] .hover\:\[--ui-background-color\:var\(--color-hover\)\] {
|
|
5005
5288
|
[data-theme="rui"] &:where([data-rac])[data-hovered] {
|
|
5006
5289
|
--ui-background-color: var(--color-hover);
|
|
@@ -5154,13 +5437,17 @@
|
|
|
5154
5437
|
[data-theme="rui"] .disabled\:ui-state-disabled {
|
|
5155
5438
|
[data-theme="rui"] &:where([data-rac])[data-disabled] {
|
|
5156
5439
|
cursor: not-allowed;
|
|
5157
|
-
|
|
5158
|
-
|
|
5440
|
+
color: var(--color-stone-500);
|
|
5441
|
+
background: var(--color-disabled);
|
|
5442
|
+
background-clip: border-box;
|
|
5443
|
+
box-shadow: none;
|
|
5159
5444
|
}
|
|
5160
5445
|
[data-theme="rui"] &:where(:not([data-rac])):disabled {
|
|
5161
5446
|
cursor: not-allowed;
|
|
5162
|
-
|
|
5163
|
-
|
|
5447
|
+
color: var(--color-stone-500);
|
|
5448
|
+
background: var(--color-disabled);
|
|
5449
|
+
background-clip: border-box;
|
|
5450
|
+
box-shadow: none;
|
|
5164
5451
|
}
|
|
5165
5452
|
}
|
|
5166
5453
|
[data-theme="rui"] .disabled\:cursor-not-allowed {
|
|
@@ -5199,10 +5486,10 @@
|
|
|
5199
5486
|
}
|
|
5200
5487
|
[data-theme="rui"] .disabled\:text-disabled-foreground {
|
|
5201
5488
|
[data-theme="rui"] &:where([data-rac])[data-disabled] {
|
|
5202
|
-
color: var(--color-stone-
|
|
5489
|
+
color: var(--color-stone-500);
|
|
5203
5490
|
}
|
|
5204
5491
|
[data-theme="rui"] &:where(:not([data-rac])):disabled {
|
|
5205
|
-
color: var(--color-stone-
|
|
5492
|
+
color: var(--color-stone-500);
|
|
5206
5493
|
}
|
|
5207
5494
|
}
|
|
5208
5495
|
[data-theme="rui"] .disabled\:text-gray-50 {
|
|
@@ -5376,36 +5663,6 @@
|
|
|
5376
5663
|
--ui-border-color: var(--color-ring);
|
|
5377
5664
|
}
|
|
5378
5665
|
}
|
|
5379
|
-
[data-theme="rui"] .has-focus\:group-invalid\/field\:ring-destructive\/20 {
|
|
5380
|
-
[data-theme="rui"] &:has(*:where([data-rac])[data-focused]) {
|
|
5381
|
-
[data-theme="rui"] &:is(:where(.group\/field):where([data-rac])[data-invalid] *) {
|
|
5382
|
-
--tw-ring-color: color-mix(in srgb, oklch(57.7% 0.245 27.325) 20%, transparent);
|
|
5383
|
-
@supports (color: color-mix(in lab, red, red)) {
|
|
5384
|
-
--tw-ring-color: color-mix(in oklab, var(--color-red-600) 20%, transparent);
|
|
5385
|
-
}
|
|
5386
|
-
}
|
|
5387
|
-
[data-theme="rui"] &:is(:where(.group\/field):where(:not([data-rac])):invalid *) {
|
|
5388
|
-
--tw-ring-color: color-mix(in srgb, oklch(57.7% 0.245 27.325) 20%, transparent);
|
|
5389
|
-
@supports (color: color-mix(in lab, red, red)) {
|
|
5390
|
-
--tw-ring-color: color-mix(in oklab, var(--color-red-600) 20%, transparent);
|
|
5391
|
-
}
|
|
5392
|
-
}
|
|
5393
|
-
}
|
|
5394
|
-
[data-theme="rui"] &:has(*:where(:not([data-rac])):focus) {
|
|
5395
|
-
[data-theme="rui"] &:is(:where(.group\/field):where([data-rac])[data-invalid] *) {
|
|
5396
|
-
--tw-ring-color: color-mix(in srgb, oklch(57.7% 0.245 27.325) 20%, transparent);
|
|
5397
|
-
@supports (color: color-mix(in lab, red, red)) {
|
|
5398
|
-
--tw-ring-color: color-mix(in oklab, var(--color-red-600) 20%, transparent);
|
|
5399
|
-
}
|
|
5400
|
-
}
|
|
5401
|
-
[data-theme="rui"] &:is(:where(.group\/field):where(:not([data-rac])):invalid *) {
|
|
5402
|
-
--tw-ring-color: color-mix(in srgb, oklch(57.7% 0.245 27.325) 20%, transparent);
|
|
5403
|
-
@supports (color: color-mix(in lab, red, red)) {
|
|
5404
|
-
--tw-ring-color: color-mix(in oklab, var(--color-red-600) 20%, transparent);
|
|
5405
|
-
}
|
|
5406
|
-
}
|
|
5407
|
-
}
|
|
5408
|
-
}
|
|
5409
5666
|
[data-theme="rui"] .has-focus\:has-invalid\:ring-destructive\/20 {
|
|
5410
5667
|
[data-theme="rui"] &:has(*:where([data-rac])[data-focused]) {
|
|
5411
5668
|
[data-theme="rui"] &:has(*:where([data-rac])[data-invalid]) {
|
|
@@ -5474,18 +5731,6 @@
|
|
|
5474
5731
|
}
|
|
5475
5732
|
}
|
|
5476
5733
|
}
|
|
5477
|
-
[data-theme="rui"] .has-disabled\:ui-state-disabled {
|
|
5478
|
-
[data-theme="rui"] &:has(*:where([data-rac])[data-disabled]) {
|
|
5479
|
-
cursor: not-allowed;
|
|
5480
|
-
background-color: var(--color-stone-200);
|
|
5481
|
-
color: var(--color-stone-400);
|
|
5482
|
-
}
|
|
5483
|
-
[data-theme="rui"] &:has(*:where(:not([data-rac])):disabled) {
|
|
5484
|
-
cursor: not-allowed;
|
|
5485
|
-
background-color: var(--color-stone-200);
|
|
5486
|
-
color: var(--color-stone-400);
|
|
5487
|
-
}
|
|
5488
|
-
}
|
|
5489
5734
|
[data-theme="rui"] .has-\[\[data-breakout\]\]\:grid-cols-\[1fr_1fr_minmax\(0\,max-content\)\] {
|
|
5490
5735
|
[data-theme="rui"] &:has(*:is([data-breakout])) {
|
|
5491
5736
|
grid-template-columns: 1fr 1fr minmax(0,max-content);
|
|
@@ -5618,7 +5863,7 @@
|
|
|
5618
5863
|
}
|
|
5619
5864
|
[data-theme="rui"] .aria-disabled\:text-disabled-foreground {
|
|
5620
5865
|
[data-theme="rui"] &[aria-disabled="true"] {
|
|
5621
|
-
color: var(--color-stone-
|
|
5866
|
+
color: var(--color-stone-500);
|
|
5622
5867
|
}
|
|
5623
5868
|
}
|
|
5624
5869
|
[data-theme="rui"] .aria-disabled\:hover\:border-input {
|
|
@@ -5720,6 +5965,22 @@
|
|
|
5720
5965
|
}
|
|
5721
5966
|
}
|
|
5722
5967
|
}
|
|
5968
|
+
[data-theme="rui"] .data-active\:bg-selected {
|
|
5969
|
+
[data-theme="rui"] &[data-active] {
|
|
5970
|
+
background-color: var(--color-stone-100);
|
|
5971
|
+
}
|
|
5972
|
+
}
|
|
5973
|
+
[data-theme="rui"] .data-active\:font-medium {
|
|
5974
|
+
[data-theme="rui"] &[data-active] {
|
|
5975
|
+
--tw-font-weight: var(--font-weight-medium);
|
|
5976
|
+
font-weight: var(--font-weight-medium);
|
|
5977
|
+
}
|
|
5978
|
+
}
|
|
5979
|
+
[data-theme="rui"] .data-active\:text-foreground {
|
|
5980
|
+
[data-theme="rui"] &[data-active] {
|
|
5981
|
+
color: var(--color-stone-950);
|
|
5982
|
+
}
|
|
5983
|
+
}
|
|
5723
5984
|
[data-theme="rui"] .\*\*\:data-cell-content\:outline-none {
|
|
5724
5985
|
[data-theme="rui"] :is(& *) {
|
|
5725
5986
|
[data-theme="rui"] &[data-cell-content] {
|
|
@@ -5740,7 +6001,7 @@
|
|
|
5740
6001
|
}
|
|
5741
6002
|
[data-theme="rui"] .data-disabled\:text-disabled-foreground {
|
|
5742
6003
|
[data-theme="rui"] &[data-disabled] {
|
|
5743
|
-
color: var(--color-stone-
|
|
6004
|
+
color: var(--color-stone-500);
|
|
5744
6005
|
}
|
|
5745
6006
|
}
|
|
5746
6007
|
[data-theme="rui"] .data-focus-visible\:z-10 {
|
|
@@ -5748,9 +6009,9 @@
|
|
|
5748
6009
|
z-index: 10;
|
|
5749
6010
|
}
|
|
5750
6011
|
}
|
|
5751
|
-
[data-theme="rui"] .data-focused\:bg-
|
|
6012
|
+
[data-theme="rui"] .data-focused\:bg-stone-300 {
|
|
5752
6013
|
[data-theme="rui"] &[data-focused] {
|
|
5753
|
-
background-color: var(--color-stone-
|
|
6014
|
+
background-color: var(--color-stone-300);
|
|
5754
6015
|
}
|
|
5755
6016
|
}
|
|
5756
6017
|
[data-theme="rui"] .data-focused\:text-foreground {
|
|
@@ -5804,23 +6065,23 @@
|
|
|
5804
6065
|
}
|
|
5805
6066
|
[data-theme="rui"] .data-placeholder\:text-placeholder {
|
|
5806
6067
|
[data-theme="rui"] &[data-placeholder] {
|
|
5807
|
-
color: var(--color-stone-
|
|
6068
|
+
color: var(--color-stone-600);
|
|
5808
6069
|
}
|
|
5809
6070
|
}
|
|
5810
6071
|
[data-theme="rui"] .\*\:data-placeholder\:text-placeholder {
|
|
5811
6072
|
[data-theme="rui"] :is(& > *) {
|
|
5812
6073
|
[data-theme="rui"] &[data-placeholder] {
|
|
5813
|
-
color: var(--color-stone-
|
|
6074
|
+
color: var(--color-stone-600);
|
|
5814
6075
|
}
|
|
5815
6076
|
}
|
|
5816
6077
|
}
|
|
5817
6078
|
[data-theme="rui"] .data-placeholder\:disabled\:text-disabled-foreground {
|
|
5818
6079
|
[data-theme="rui"] &[data-placeholder] {
|
|
5819
6080
|
[data-theme="rui"] &:where([data-rac])[data-disabled] {
|
|
5820
|
-
color: var(--color-stone-
|
|
6081
|
+
color: var(--color-stone-500);
|
|
5821
6082
|
}
|
|
5822
6083
|
[data-theme="rui"] &:where(:not([data-rac])):disabled {
|
|
5823
|
-
color: var(--color-stone-
|
|
6084
|
+
color: var(--color-stone-500);
|
|
5824
6085
|
}
|
|
5825
6086
|
}
|
|
5826
6087
|
}
|
|
@@ -5884,6 +6145,78 @@
|
|
|
5884
6145
|
}
|
|
5885
6146
|
}
|
|
5886
6147
|
}
|
|
6148
|
+
[data-theme="rui"] .data-\[position\=after\]\:pointer-events-none {
|
|
6149
|
+
[data-theme="rui"] &[data-position="after"] {
|
|
6150
|
+
pointer-events: none;
|
|
6151
|
+
}
|
|
6152
|
+
}
|
|
6153
|
+
[data-theme="rui"] .data-\[position\=after\]\:invisible {
|
|
6154
|
+
[data-theme="rui"] &[data-position="after"] {
|
|
6155
|
+
visibility: hidden;
|
|
6156
|
+
}
|
|
6157
|
+
}
|
|
6158
|
+
[data-theme="rui"] .data-\[position\=after\]\:absolute {
|
|
6159
|
+
[data-theme="rui"] &[data-position="after"] {
|
|
6160
|
+
position: absolute;
|
|
6161
|
+
}
|
|
6162
|
+
}
|
|
6163
|
+
[data-theme="rui"] .data-\[position\=after\]\:inset-x-0 {
|
|
6164
|
+
[data-theme="rui"] &[data-position="after"] {
|
|
6165
|
+
inset-inline: calc(var(--spacing) * 0);
|
|
6166
|
+
}
|
|
6167
|
+
}
|
|
6168
|
+
[data-theme="rui"] .data-\[position\=after\]\:top-0 {
|
|
6169
|
+
[data-theme="rui"] &[data-position="after"] {
|
|
6170
|
+
top: calc(var(--spacing) * 0);
|
|
6171
|
+
}
|
|
6172
|
+
}
|
|
6173
|
+
[data-theme="rui"] .data-\[position\=after\]\:translate-x-1\/3 {
|
|
6174
|
+
[data-theme="rui"] &[data-position="after"] {
|
|
6175
|
+
--tw-translate-x: calc(1 / 3 * 100%);
|
|
6176
|
+
translate: var(--tw-translate-x) var(--tw-translate-y);
|
|
6177
|
+
}
|
|
6178
|
+
}
|
|
6179
|
+
[data-theme="rui"] .data-\[position\=after\]\:opacity-0 {
|
|
6180
|
+
[data-theme="rui"] &[data-position="after"] {
|
|
6181
|
+
opacity: 0%;
|
|
6182
|
+
}
|
|
6183
|
+
}
|
|
6184
|
+
[data-theme="rui"] .data-\[position\=before\]\:pointer-events-none {
|
|
6185
|
+
[data-theme="rui"] &[data-position="before"] {
|
|
6186
|
+
pointer-events: none;
|
|
6187
|
+
}
|
|
6188
|
+
}
|
|
6189
|
+
[data-theme="rui"] .data-\[position\=before\]\:invisible {
|
|
6190
|
+
[data-theme="rui"] &[data-position="before"] {
|
|
6191
|
+
visibility: hidden;
|
|
6192
|
+
}
|
|
6193
|
+
}
|
|
6194
|
+
[data-theme="rui"] .data-\[position\=before\]\:absolute {
|
|
6195
|
+
[data-theme="rui"] &[data-position="before"] {
|
|
6196
|
+
position: absolute;
|
|
6197
|
+
}
|
|
6198
|
+
}
|
|
6199
|
+
[data-theme="rui"] .data-\[position\=before\]\:inset-x-0 {
|
|
6200
|
+
[data-theme="rui"] &[data-position="before"] {
|
|
6201
|
+
inset-inline: calc(var(--spacing) * 0);
|
|
6202
|
+
}
|
|
6203
|
+
}
|
|
6204
|
+
[data-theme="rui"] .data-\[position\=before\]\:top-0 {
|
|
6205
|
+
[data-theme="rui"] &[data-position="before"] {
|
|
6206
|
+
top: calc(var(--spacing) * 0);
|
|
6207
|
+
}
|
|
6208
|
+
}
|
|
6209
|
+
[data-theme="rui"] .data-\[position\=before\]\:-translate-x-1\/3 {
|
|
6210
|
+
[data-theme="rui"] &[data-position="before"] {
|
|
6211
|
+
--tw-translate-x: calc(calc(1 / 3 * 100%) * -1);
|
|
6212
|
+
translate: var(--tw-translate-x) var(--tw-translate-y);
|
|
6213
|
+
}
|
|
6214
|
+
}
|
|
6215
|
+
[data-theme="rui"] .data-\[position\=before\]\:opacity-0 {
|
|
6216
|
+
[data-theme="rui"] &[data-position="before"] {
|
|
6217
|
+
opacity: 0%;
|
|
6218
|
+
}
|
|
6219
|
+
}
|
|
5887
6220
|
[data-theme="rui"] .data-\[react-aria-pressable\=\"true\"\]\:cursor-pointer {
|
|
5888
6221
|
[data-theme="rui"] &[data-react-aria-pressable="true"] {
|
|
5889
6222
|
cursor: pointer;
|
|
@@ -5904,16 +6237,13 @@
|
|
|
5904
6237
|
}
|
|
5905
6238
|
[data-theme="rui"] .data-\[selected\=true\]\:shadow-elevation-border {
|
|
5906
6239
|
[data-theme="rui"] &[data-selected="true"] {
|
|
5907
|
-
--tw-shadow: 0px 0.3px 0.3px var(--tw-shadow-color, oklch(0 0 0 / 0.
|
|
6240
|
+
--tw-shadow: 0px 0.3px 0.3px var(--tw-shadow-color, oklch(0 0 0 / 0.14)), 0px 1px 1.2px -3px var(--tw-shadow-color, oklch(0 0 0 / 0.12));
|
|
5908
6241
|
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
|
|
5909
6242
|
}
|
|
5910
6243
|
}
|
|
5911
|
-
[data-theme="rui"] .
|
|
5912
|
-
|
|
5913
|
-
|
|
5914
|
-
content: var(--tw-content);
|
|
5915
|
-
background-color: var(--color-stone-950);
|
|
5916
|
-
}
|
|
6244
|
+
[data-theme="rui"] .motion-reduce\:transition-none {
|
|
6245
|
+
@media (prefers-reduced-motion: reduce) {
|
|
6246
|
+
transition-property: none;
|
|
5917
6247
|
}
|
|
5918
6248
|
}
|
|
5919
6249
|
[data-theme="rui"] .max-\[600px\]\:in-aria-hidden\:overflow-hidden {
|
|
@@ -5923,25 +6253,22 @@
|
|
|
5923
6253
|
}
|
|
5924
6254
|
}
|
|
5925
6255
|
}
|
|
5926
|
-
[data-theme="rui"] .min
|
|
5927
|
-
@media (width
|
|
6256
|
+
[data-theme="rui"] .max-sm\:min-h-11 {
|
|
6257
|
+
@media (width < 40rem) {
|
|
6258
|
+
min-height: calc(var(--spacing) * 11);
|
|
6259
|
+
}
|
|
6260
|
+
}
|
|
6261
|
+
[data-theme="rui"] .sm\:aspect-square {
|
|
6262
|
+
@media (width >= 40rem) {
|
|
5928
6263
|
aspect-ratio: 1 / 1;
|
|
5929
6264
|
}
|
|
5930
6265
|
}
|
|
5931
|
-
[data-theme="rui"] .
|
|
5932
|
-
@media (width >=
|
|
6266
|
+
[data-theme="rui"] .sm\:size-button {
|
|
6267
|
+
@media (width >= 40rem) {
|
|
5933
6268
|
width: 2.25rem;
|
|
5934
6269
|
height: 2.25rem;
|
|
5935
6270
|
}
|
|
5936
6271
|
}
|
|
5937
|
-
[data-theme="rui"] .min-\[600px\]\:text-foreground\/60 {
|
|
5938
|
-
@media (width >= 600px) {
|
|
5939
|
-
color: color-mix(in srgb, oklch(14.7% 0.004 49.25) 60%, transparent);
|
|
5940
|
-
@supports (color: color-mix(in lab, red, red)) {
|
|
5941
|
-
color: color-mix(in oklab, var(--color-stone-950) 60%, transparent);
|
|
5942
|
-
}
|
|
5943
|
-
}
|
|
5944
|
-
}
|
|
5945
6272
|
[data-theme="rui"] .sm\:max-h-\[75vh\] {
|
|
5946
6273
|
@media (width >= 40rem) {
|
|
5947
6274
|
max-height: 75vh;
|
|
@@ -5952,6 +6279,11 @@
|
|
|
5952
6279
|
max-height: min(640px, 80vh);
|
|
5953
6280
|
}
|
|
5954
6281
|
}
|
|
6282
|
+
[data-theme="rui"] .sm\:w-64 {
|
|
6283
|
+
@media (width >= 40rem) {
|
|
6284
|
+
width: calc(var(--spacing) * 64);
|
|
6285
|
+
}
|
|
6286
|
+
}
|
|
5955
6287
|
[data-theme="rui"] .sm\:w-\[32px\] {
|
|
5956
6288
|
@media (width >= 40rem) {
|
|
5957
6289
|
width: 32px;
|
|
@@ -5967,11 +6299,21 @@
|
|
|
5967
6299
|
justify-content: flex-end;
|
|
5968
6300
|
}
|
|
5969
6301
|
}
|
|
6302
|
+
[data-theme="rui"] .sm\:gap-1\.5 {
|
|
6303
|
+
@media (width >= 40rem) {
|
|
6304
|
+
gap: calc(var(--spacing) * 1.5);
|
|
6305
|
+
}
|
|
6306
|
+
}
|
|
5970
6307
|
[data-theme="rui"] .sm\:gap-2\.5 {
|
|
5971
6308
|
@media (width >= 40rem) {
|
|
5972
6309
|
gap: calc(var(--spacing) * 2.5);
|
|
5973
6310
|
}
|
|
5974
6311
|
}
|
|
6312
|
+
[data-theme="rui"] .sm\:gap-6 {
|
|
6313
|
+
@media (width >= 40rem) {
|
|
6314
|
+
gap: calc(var(--spacing) * 6);
|
|
6315
|
+
}
|
|
6316
|
+
}
|
|
5975
6317
|
[data-theme="rui"] .sm\:bg-red-500 {
|
|
5976
6318
|
@media (width >= 40rem) {
|
|
5977
6319
|
background-color: var(--color-red-500);
|
|
@@ -5982,11 +6324,93 @@
|
|
|
5982
6324
|
text-align: left;
|
|
5983
6325
|
}
|
|
5984
6326
|
}
|
|
6327
|
+
[data-theme="rui"] .sm\:text-muted-foreground {
|
|
6328
|
+
@media (width >= 40rem) {
|
|
6329
|
+
color: var(--color-stone-600);
|
|
6330
|
+
}
|
|
6331
|
+
}
|
|
6332
|
+
[data-theme="rui"] .sm\:transition-\[width\] {
|
|
6333
|
+
@media (width >= 40rem) {
|
|
6334
|
+
transition-property: width;
|
|
6335
|
+
transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
|
|
6336
|
+
transition-duration: var(--tw-duration, var(--default-transition-duration));
|
|
6337
|
+
}
|
|
6338
|
+
}
|
|
6339
|
+
[data-theme="rui"] .sm\:duration-200 {
|
|
6340
|
+
@media (width >= 40rem) {
|
|
6341
|
+
--tw-duration: 200ms;
|
|
6342
|
+
transition-duration: 200ms;
|
|
6343
|
+
}
|
|
6344
|
+
}
|
|
6345
|
+
[data-theme="rui"] .sm\:ease-in-out {
|
|
6346
|
+
@media (width >= 40rem) {
|
|
6347
|
+
--tw-ease: var(--ease-in-out);
|
|
6348
|
+
transition-timing-function: var(--ease-in-out);
|
|
6349
|
+
}
|
|
6350
|
+
}
|
|
6351
|
+
[data-theme="rui"] .data-\[position\=after\]\:sm\:translate-x-2 {
|
|
6352
|
+
[data-theme="rui"] &[data-position="after"] {
|
|
6353
|
+
@media (width >= 40rem) {
|
|
6354
|
+
--tw-translate-x: calc(var(--spacing) * 2);
|
|
6355
|
+
translate: var(--tw-translate-x) var(--tw-translate-y);
|
|
6356
|
+
}
|
|
6357
|
+
}
|
|
6358
|
+
}
|
|
6359
|
+
[data-theme="rui"] .data-\[position\=after\]\:sm\:blur-\[2px\] {
|
|
6360
|
+
[data-theme="rui"] &[data-position="after"] {
|
|
6361
|
+
@media (width >= 40rem) {
|
|
6362
|
+
--tw-blur: blur(2px);
|
|
6363
|
+
filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
|
|
6364
|
+
}
|
|
6365
|
+
}
|
|
6366
|
+
}
|
|
6367
|
+
[data-theme="rui"] .data-\[position\=before\]\:sm\:-translate-x-2 {
|
|
6368
|
+
[data-theme="rui"] &[data-position="before"] {
|
|
6369
|
+
@media (width >= 40rem) {
|
|
6370
|
+
--tw-translate-x: calc(var(--spacing) * -2);
|
|
6371
|
+
translate: var(--tw-translate-x) var(--tw-translate-y);
|
|
6372
|
+
}
|
|
6373
|
+
}
|
|
6374
|
+
}
|
|
6375
|
+
[data-theme="rui"] .data-\[position\=before\]\:sm\:blur-\[2px\] {
|
|
6376
|
+
[data-theme="rui"] &[data-position="before"] {
|
|
6377
|
+
@media (width >= 40rem) {
|
|
6378
|
+
--tw-blur: blur(2px);
|
|
6379
|
+
filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
|
|
6380
|
+
}
|
|
6381
|
+
}
|
|
6382
|
+
}
|
|
6383
|
+
[data-theme="rui"] .sm\:data-\[state\=collapsed\]\:w-0 {
|
|
6384
|
+
@media (width >= 40rem) {
|
|
6385
|
+
[data-theme="rui"] &[data-state="collapsed"] {
|
|
6386
|
+
width: calc(var(--spacing) * 0);
|
|
6387
|
+
}
|
|
6388
|
+
}
|
|
6389
|
+
}
|
|
6390
|
+
[data-theme="rui"] .sm\:data-\[state\=expanded\]\:w-64 {
|
|
6391
|
+
@media (width >= 40rem) {
|
|
6392
|
+
[data-theme="rui"] &[data-state="expanded"] {
|
|
6393
|
+
width: calc(var(--spacing) * 64);
|
|
6394
|
+
}
|
|
6395
|
+
}
|
|
6396
|
+
}
|
|
6397
|
+
[data-theme="rui"] .motion-reduce\:sm\:transition-none {
|
|
6398
|
+
@media (prefers-reduced-motion: reduce) {
|
|
6399
|
+
@media (width >= 40rem) {
|
|
6400
|
+
transition-property: none;
|
|
6401
|
+
}
|
|
6402
|
+
}
|
|
6403
|
+
}
|
|
5985
6404
|
[data-theme="rui"] .md\:w-\[64px\] {
|
|
5986
6405
|
@media (width >= 48rem) {
|
|
5987
6406
|
width: 64px;
|
|
5988
6407
|
}
|
|
5989
6408
|
}
|
|
6409
|
+
[data-theme="rui"] .md\:gap-8 {
|
|
6410
|
+
@media (width >= 48rem) {
|
|
6411
|
+
gap: calc(var(--spacing) * 8);
|
|
6412
|
+
}
|
|
6413
|
+
}
|
|
5990
6414
|
[data-theme="rui"] .md\:bg-green-500 {
|
|
5991
6415
|
@media (width >= 48rem) {
|
|
5992
6416
|
background-color: var(--color-green-500);
|
|
@@ -5997,6 +6421,11 @@
|
|
|
5997
6421
|
max-height: 45vh;
|
|
5998
6422
|
}
|
|
5999
6423
|
}
|
|
6424
|
+
[data-theme="rui"] .lg\:gap-12 {
|
|
6425
|
+
@media (width >= 64rem) {
|
|
6426
|
+
gap: calc(var(--spacing) * 12);
|
|
6427
|
+
}
|
|
6428
|
+
}
|
|
6000
6429
|
[data-theme="rui"] .lg\:bg-blue-500 {
|
|
6001
6430
|
@media (width >= 64rem) {
|
|
6002
6431
|
background-color: var(--color-blue-500);
|
|
@@ -6007,40 +6436,14 @@
|
|
|
6007
6436
|
background-color: var(--color-gray-500);
|
|
6008
6437
|
}
|
|
6009
6438
|
}
|
|
6010
|
-
[data-theme="rui"] .placement-left\:
|
|
6439
|
+
[data-theme="rui"] .placement-left\:mr-1 {
|
|
6011
6440
|
[data-theme="rui"] &[data-placement="left"] {
|
|
6012
|
-
|
|
6441
|
+
margin-right: calc(var(--spacing) * 1);
|
|
6013
6442
|
}
|
|
6014
6443
|
}
|
|
6015
|
-
[data-theme="rui"] .placement-left\:
|
|
6444
|
+
[data-theme="rui"] .placement-left\:mr-2 {
|
|
6016
6445
|
[data-theme="rui"] &[data-placement="left"] {
|
|
6017
|
-
|
|
6018
|
-
}
|
|
6019
|
-
}
|
|
6020
|
-
[data-theme="rui"] .placement-left\:mr-1 {
|
|
6021
|
-
[data-theme="rui"] &[data-placement="left"] {
|
|
6022
|
-
margin-right: calc(var(--spacing) * 1);
|
|
6023
|
-
}
|
|
6024
|
-
}
|
|
6025
|
-
[data-theme="rui"] .placement-left\:mr-2 {
|
|
6026
|
-
[data-theme="rui"] &[data-placement="left"] {
|
|
6027
|
-
margin-right: calc(var(--spacing) * 2);
|
|
6028
|
-
}
|
|
6029
|
-
}
|
|
6030
|
-
[data-theme="rui"] .placement-left\:border-r {
|
|
6031
|
-
[data-theme="rui"] &[data-placement="left"] {
|
|
6032
|
-
border-right-style: var(--tw-border-style);
|
|
6033
|
-
border-right-width: 1px;
|
|
6034
|
-
}
|
|
6035
|
-
}
|
|
6036
|
-
[data-theme="rui"] .placement-right\:top-0 {
|
|
6037
|
-
[data-theme="rui"] &[data-placement="right"] {
|
|
6038
|
-
top: calc(var(--spacing) * 0);
|
|
6039
|
-
}
|
|
6040
|
-
}
|
|
6041
|
-
[data-theme="rui"] .placement-right\:right-0 {
|
|
6042
|
-
[data-theme="rui"] &[data-placement="right"] {
|
|
6043
|
-
right: calc(var(--spacing) * 0);
|
|
6446
|
+
margin-right: calc(var(--spacing) * 2);
|
|
6044
6447
|
}
|
|
6045
6448
|
}
|
|
6046
6449
|
[data-theme="rui"] .placement-right\:ml-1 {
|
|
@@ -6053,22 +6456,6 @@
|
|
|
6053
6456
|
margin-left: calc(var(--spacing) * 2);
|
|
6054
6457
|
}
|
|
6055
6458
|
}
|
|
6056
|
-
[data-theme="rui"] .placement-right\:border-l {
|
|
6057
|
-
[data-theme="rui"] &[data-placement="right"] {
|
|
6058
|
-
border-left-style: var(--tw-border-style);
|
|
6059
|
-
border-left-width: 1px;
|
|
6060
|
-
}
|
|
6061
|
-
}
|
|
6062
|
-
[data-theme="rui"] .placement-top\:top-0 {
|
|
6063
|
-
[data-theme="rui"] &[data-placement="top"] {
|
|
6064
|
-
top: calc(var(--spacing) * 0);
|
|
6065
|
-
}
|
|
6066
|
-
}
|
|
6067
|
-
[data-theme="rui"] .placement-top\:left-0 {
|
|
6068
|
-
[data-theme="rui"] &[data-placement="top"] {
|
|
6069
|
-
left: calc(var(--spacing) * 0);
|
|
6070
|
-
}
|
|
6071
|
-
}
|
|
6072
6459
|
[data-theme="rui"] .placement-top\:mb-1 {
|
|
6073
6460
|
[data-theme="rui"] &[data-placement="top"] {
|
|
6074
6461
|
margin-bottom: calc(var(--spacing) * 1);
|
|
@@ -6079,48 +6466,6 @@
|
|
|
6079
6466
|
margin-bottom: calc(var(--spacing) * 2);
|
|
6080
6467
|
}
|
|
6081
6468
|
}
|
|
6082
|
-
[data-theme="rui"] .placement-top\:w-full {
|
|
6083
|
-
[data-theme="rui"] &[data-placement="top"] {
|
|
6084
|
-
width: 100%;
|
|
6085
|
-
}
|
|
6086
|
-
}
|
|
6087
|
-
[data-theme="rui"] .placement-top\:border-b {
|
|
6088
|
-
[data-theme="rui"] &[data-placement="top"] {
|
|
6089
|
-
border-bottom-style: var(--tw-border-style);
|
|
6090
|
-
border-bottom-width: 1px;
|
|
6091
|
-
}
|
|
6092
|
-
}
|
|
6093
|
-
[data-theme="rui"] .placement-top\:sm\:h-48 {
|
|
6094
|
-
[data-theme="rui"] &[data-placement="top"] {
|
|
6095
|
-
@media (width >= 40rem) {
|
|
6096
|
-
height: calc(var(--spacing) * 48);
|
|
6097
|
-
}
|
|
6098
|
-
}
|
|
6099
|
-
}
|
|
6100
|
-
[data-theme="rui"] .placement-top\:sm\:h-64 {
|
|
6101
|
-
[data-theme="rui"] &[data-placement="top"] {
|
|
6102
|
-
@media (width >= 40rem) {
|
|
6103
|
-
height: calc(var(--spacing) * 64);
|
|
6104
|
-
}
|
|
6105
|
-
}
|
|
6106
|
-
}
|
|
6107
|
-
[data-theme="rui"] .placement-top\:sm\:h-80 {
|
|
6108
|
-
[data-theme="rui"] &[data-placement="top"] {
|
|
6109
|
-
@media (width >= 40rem) {
|
|
6110
|
-
height: calc(var(--spacing) * 80);
|
|
6111
|
-
}
|
|
6112
|
-
}
|
|
6113
|
-
}
|
|
6114
|
-
[data-theme="rui"] .placement-bottom\:bottom-0 {
|
|
6115
|
-
[data-theme="rui"] &[data-placement="bottom"] {
|
|
6116
|
-
bottom: calc(var(--spacing) * 0);
|
|
6117
|
-
}
|
|
6118
|
-
}
|
|
6119
|
-
[data-theme="rui"] .placement-bottom\:left-0 {
|
|
6120
|
-
[data-theme="rui"] &[data-placement="bottom"] {
|
|
6121
|
-
left: calc(var(--spacing) * 0);
|
|
6122
|
-
}
|
|
6123
|
-
}
|
|
6124
6469
|
[data-theme="rui"] .placement-bottom\:mt-1 {
|
|
6125
6470
|
[data-theme="rui"] &[data-placement="bottom"] {
|
|
6126
6471
|
margin-top: calc(var(--spacing) * 1);
|
|
@@ -6131,38 +6476,6 @@
|
|
|
6131
6476
|
margin-top: calc(var(--spacing) * 2);
|
|
6132
6477
|
}
|
|
6133
6478
|
}
|
|
6134
|
-
[data-theme="rui"] .placement-bottom\:w-full {
|
|
6135
|
-
[data-theme="rui"] &[data-placement="bottom"] {
|
|
6136
|
-
width: 100%;
|
|
6137
|
-
}
|
|
6138
|
-
}
|
|
6139
|
-
[data-theme="rui"] .placement-bottom\:border-t {
|
|
6140
|
-
[data-theme="rui"] &[data-placement="bottom"] {
|
|
6141
|
-
border-top-style: var(--tw-border-style);
|
|
6142
|
-
border-top-width: 1px;
|
|
6143
|
-
}
|
|
6144
|
-
}
|
|
6145
|
-
[data-theme="rui"] .placement-bottom\:sm\:h-48 {
|
|
6146
|
-
[data-theme="rui"] &[data-placement="bottom"] {
|
|
6147
|
-
@media (width >= 40rem) {
|
|
6148
|
-
height: calc(var(--spacing) * 48);
|
|
6149
|
-
}
|
|
6150
|
-
}
|
|
6151
|
-
}
|
|
6152
|
-
[data-theme="rui"] .placement-bottom\:sm\:h-64 {
|
|
6153
|
-
[data-theme="rui"] &[data-placement="bottom"] {
|
|
6154
|
-
@media (width >= 40rem) {
|
|
6155
|
-
height: calc(var(--spacing) * 64);
|
|
6156
|
-
}
|
|
6157
|
-
}
|
|
6158
|
-
}
|
|
6159
|
-
[data-theme="rui"] .placement-bottom\:sm\:h-80 {
|
|
6160
|
-
[data-theme="rui"] &[data-placement="bottom"] {
|
|
6161
|
-
@media (width >= 40rem) {
|
|
6162
|
-
height: calc(var(--spacing) * 80);
|
|
6163
|
-
}
|
|
6164
|
-
}
|
|
6165
|
-
}
|
|
6166
6479
|
[data-theme="rui"] .type-literal\:px-0 {
|
|
6167
6480
|
[data-theme="rui"] &[data-type="literal"] {
|
|
6168
6481
|
padding-inline: calc(var(--spacing) * 0);
|
|
@@ -6170,7 +6483,7 @@
|
|
|
6170
6483
|
}
|
|
6171
6484
|
[data-theme="rui"] .type-literal\:text-placeholder {
|
|
6172
6485
|
[data-theme="rui"] &[data-type="literal"] {
|
|
6173
|
-
color: var(--color-stone-
|
|
6486
|
+
color: var(--color-stone-600);
|
|
6174
6487
|
}
|
|
6175
6488
|
}
|
|
6176
6489
|
[data-theme="rui"] .orientation-horizontal\:h-full {
|
|
@@ -6206,14 +6519,6 @@
|
|
|
6206
6519
|
display: contents;
|
|
6207
6520
|
}
|
|
6208
6521
|
}
|
|
6209
|
-
[data-theme="rui"] .expanded\:bg-hover {
|
|
6210
|
-
[data-theme="rui"] &:where([data-rac])[data-expanded] {
|
|
6211
|
-
background-color: var(--color-stone-100);
|
|
6212
|
-
}
|
|
6213
|
-
[data-theme="rui"] &:where(:not([data-rac]))[expanded] {
|
|
6214
|
-
background-color: var(--color-stone-100);
|
|
6215
|
-
}
|
|
6216
|
-
}
|
|
6217
6522
|
[data-theme="rui"] .expanded\:\[--ui-background-color\:var\(--color-hover\)\] {
|
|
6218
6523
|
[data-theme="rui"] &:where([data-rac])[data-expanded] {
|
|
6219
6524
|
--ui-background-color: var(--color-hover);
|
|
@@ -6222,63 +6527,66 @@
|
|
|
6222
6527
|
--ui-background-color: var(--color-hover);
|
|
6223
6528
|
}
|
|
6224
6529
|
}
|
|
6225
|
-
[data-theme="rui"] .
|
|
6226
|
-
[data-theme="rui"] &[data-
|
|
6227
|
-
|
|
6228
|
-
animation: slide-in-left var(--slide-in-duration)
|
|
6229
|
-
var(--ease-out-expo);
|
|
6230
|
-
}
|
|
6530
|
+
[data-theme="rui"] .entering\:animate-fade-in {
|
|
6531
|
+
[data-theme="rui"] &[data-entering] {
|
|
6532
|
+
animation: fade-in var(--fade-in-duration) ease-out;
|
|
6231
6533
|
}
|
|
6232
6534
|
}
|
|
6233
|
-
[data-theme="rui"] .
|
|
6234
|
-
[data-theme="rui"] &[data-
|
|
6235
|
-
|
|
6236
|
-
|
|
6535
|
+
[data-theme="rui"] .entering\:animate-slide-in {
|
|
6536
|
+
[data-theme="rui"] &[data-entering] {
|
|
6537
|
+
animation: slide-in 0.25s var(--ease-out-quart) forwards;
|
|
6538
|
+
}
|
|
6539
|
+
}
|
|
6540
|
+
[data-theme="rui"] .entering\:animate-slide-in-left {
|
|
6541
|
+
[data-theme="rui"] &[data-entering] {
|
|
6542
|
+
animation: slide-in-left var(--slide-in-duration)
|
|
6237
6543
|
var(--ease-out-expo);
|
|
6238
|
-
}
|
|
6239
6544
|
}
|
|
6240
6545
|
}
|
|
6241
|
-
[data-theme="rui"] .
|
|
6242
|
-
[data-theme="rui"] &[data-
|
|
6243
|
-
|
|
6244
|
-
animation: slide-in-top var(--slide-in-duration)
|
|
6546
|
+
[data-theme="rui"] .entering\:animate-slide-in-right {
|
|
6547
|
+
[data-theme="rui"] &[data-entering] {
|
|
6548
|
+
animation: slide-in-right var(--slide-in-duration)
|
|
6245
6549
|
var(--ease-out-expo);
|
|
6246
|
-
}
|
|
6247
6550
|
}
|
|
6248
6551
|
}
|
|
6249
|
-
[data-theme="rui"] .
|
|
6250
|
-
|
|
6552
|
+
[data-theme="rui"] .motion-reduce\:entering\:animate-none {
|
|
6553
|
+
@media (prefers-reduced-motion: reduce) {
|
|
6251
6554
|
[data-theme="rui"] &[data-entering] {
|
|
6252
|
-
animation:
|
|
6253
|
-
var(--ease-out-expo);
|
|
6555
|
+
animation: none;
|
|
6254
6556
|
}
|
|
6255
6557
|
}
|
|
6256
6558
|
}
|
|
6257
|
-
[data-theme="rui"] .
|
|
6258
|
-
[data-theme="rui"] &[data-
|
|
6259
|
-
|
|
6260
|
-
animation: slide-in-left var(--slide-out-duration) reverse;
|
|
6261
|
-
}
|
|
6559
|
+
[data-theme="rui"] .exiting\:animate-fade-out {
|
|
6560
|
+
[data-theme="rui"] &[data-exiting] {
|
|
6561
|
+
animation: fade-in var(--fade-out-duration) ease-in reverse;
|
|
6262
6562
|
}
|
|
6263
6563
|
}
|
|
6264
|
-
[data-theme="rui"] .
|
|
6265
|
-
[data-theme="rui"] &[data-
|
|
6266
|
-
|
|
6267
|
-
animation: slide-in-right var(--slide-out-duration) reverse;
|
|
6268
|
-
}
|
|
6564
|
+
[data-theme="rui"] .exiting\:animate-slide-out {
|
|
6565
|
+
[data-theme="rui"] &[data-exiting] {
|
|
6566
|
+
animation: slide-out 0.2s var(--ease-out-quart) forwards;
|
|
6269
6567
|
}
|
|
6270
6568
|
}
|
|
6271
|
-
[data-theme="rui"] .
|
|
6272
|
-
[data-theme="rui"] &[data-
|
|
6273
|
-
|
|
6274
|
-
|
|
6275
|
-
}
|
|
6569
|
+
[data-theme="rui"] .exiting\:animate-slide-out-left {
|
|
6570
|
+
[data-theme="rui"] &[data-exiting] {
|
|
6571
|
+
animation: slide-in-left var(--slide-out-duration) reverse
|
|
6572
|
+
forwards;
|
|
6276
6573
|
}
|
|
6277
6574
|
}
|
|
6278
|
-
[data-theme="rui"] .
|
|
6279
|
-
[data-theme="rui"] &[data-
|
|
6575
|
+
[data-theme="rui"] .exiting\:animate-slide-out-right {
|
|
6576
|
+
[data-theme="rui"] &[data-exiting] {
|
|
6577
|
+
animation: slide-in-right var(--slide-out-duration) reverse
|
|
6578
|
+
forwards;
|
|
6579
|
+
}
|
|
6580
|
+
}
|
|
6581
|
+
[data-theme="rui"] .exiting\:\[--slide-out-duration\:0\.1s\] {
|
|
6582
|
+
[data-theme="rui"] &[data-exiting] {
|
|
6583
|
+
--slide-out-duration: 0.1s;
|
|
6584
|
+
}
|
|
6585
|
+
}
|
|
6586
|
+
[data-theme="rui"] .motion-reduce\:exiting\:animate-none {
|
|
6587
|
+
@media (prefers-reduced-motion: reduce) {
|
|
6280
6588
|
[data-theme="rui"] &[data-exiting] {
|
|
6281
|
-
animation:
|
|
6589
|
+
animation: none;
|
|
6282
6590
|
}
|
|
6283
6591
|
}
|
|
6284
6592
|
}
|
|
@@ -6302,30 +6610,37 @@
|
|
|
6302
6610
|
display: none;
|
|
6303
6611
|
}
|
|
6304
6612
|
}
|
|
6305
|
-
[data-theme="rui"] .pending\:
|
|
6613
|
+
[data-theme="rui"] .pending\:ui-state-disabled {
|
|
6306
6614
|
[data-theme="rui"] &[data-pending] {
|
|
6307
6615
|
cursor: not-allowed;
|
|
6616
|
+
color: var(--color-stone-500);
|
|
6617
|
+
background: var(--color-disabled);
|
|
6618
|
+
background-clip: border-box;
|
|
6619
|
+
box-shadow: none;
|
|
6308
6620
|
}
|
|
6309
6621
|
}
|
|
6310
|
-
[data-theme="rui"] .pending\:border-
|
|
6622
|
+
[data-theme="rui"] .pending\:border-0 {
|
|
6311
6623
|
[data-theme="rui"] &[data-pending] {
|
|
6312
|
-
--tw-border-style
|
|
6313
|
-
border-
|
|
6624
|
+
border-style: var(--tw-border-style);
|
|
6625
|
+
border-width: 0px;
|
|
6314
6626
|
}
|
|
6315
6627
|
}
|
|
6316
|
-
[data-theme="rui"] .pending\:
|
|
6628
|
+
[data-theme="rui"] .pending\:shadow-none {
|
|
6317
6629
|
[data-theme="rui"] &[data-pending] {
|
|
6318
|
-
|
|
6630
|
+
--tw-shadow: 0 0 #0000;
|
|
6631
|
+
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
|
|
6319
6632
|
}
|
|
6320
6633
|
}
|
|
6321
|
-
[data-theme="rui"] .pending\:
|
|
6634
|
+
[data-theme="rui"] .pending\:\[--ui-background-color\:var\(--color-disabled\)\] {
|
|
6322
6635
|
[data-theme="rui"] &[data-pending] {
|
|
6323
|
-
color: var(--color-
|
|
6636
|
+
--ui-background-color: var(--color-disabled);
|
|
6324
6637
|
}
|
|
6325
6638
|
}
|
|
6326
|
-
[data-theme="rui"] .pressed\:scale-\[0\.97\] {
|
|
6639
|
+
[data-theme="rui"] .pressed\:not-aria-expanded\:scale-\[0\.97\] {
|
|
6327
6640
|
[data-theme="rui"] &[data-pressed] {
|
|
6328
|
-
|
|
6641
|
+
[data-theme="rui"] &:not(*[aria-expanded="true"]) {
|
|
6642
|
+
scale: 0.97;
|
|
6643
|
+
}
|
|
6329
6644
|
}
|
|
6330
6645
|
}
|
|
6331
6646
|
[data-theme="rui"] .selected\:border-b-8 {
|
|
@@ -6386,14 +6701,20 @@
|
|
|
6386
6701
|
--ui-background-color: var(--color-input);
|
|
6387
6702
|
}
|
|
6388
6703
|
}
|
|
6389
|
-
[data-theme="rui"] .selected\:hover\:bg-
|
|
6704
|
+
[data-theme="rui"] .selected\:hover\:bg-current\/10 {
|
|
6390
6705
|
[data-theme="rui"] &[data-selected] {
|
|
6391
6706
|
[data-theme="rui"] &:where([data-rac])[data-hovered] {
|
|
6392
|
-
background-color:
|
|
6707
|
+
background-color: currentcolor;
|
|
6708
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
6709
|
+
background-color: color-mix(in oklab, currentcolor 10%, transparent);
|
|
6710
|
+
}
|
|
6393
6711
|
}
|
|
6394
6712
|
@media (hover: hover) {
|
|
6395
6713
|
[data-theme="rui"] &:where(:not([data-rac])):hover {
|
|
6396
|
-
background-color:
|
|
6714
|
+
background-color: currentcolor;
|
|
6715
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
6716
|
+
background-color: color-mix(in oklab, currentcolor 10%, transparent);
|
|
6717
|
+
}
|
|
6397
6718
|
}
|
|
6398
6719
|
}
|
|
6399
6720
|
}
|
|
@@ -6416,14 +6737,24 @@
|
|
|
6416
6737
|
}
|
|
6417
6738
|
}
|
|
6418
6739
|
}
|
|
6419
|
-
[data-theme="rui"] .drop-target\:before\:bg-
|
|
6740
|
+
[data-theme="rui"] .drop-target\:before\:bg-brand {
|
|
6420
6741
|
[data-theme="rui"] &[data-drop-target] {
|
|
6421
6742
|
[data-theme="rui"] &::before {
|
|
6422
6743
|
content: var(--tw-content);
|
|
6423
|
-
background-color: var(--color-stone-
|
|
6744
|
+
background-color: var(--color-stone-950);
|
|
6424
6745
|
}
|
|
6425
6746
|
}
|
|
6426
6747
|
}
|
|
6748
|
+
[data-theme="rui"] .in-field\:mt-1 {
|
|
6749
|
+
[data-theme="rui"] :is(.group\/field) > & {
|
|
6750
|
+
margin-top: calc(var(--spacing) * 1);
|
|
6751
|
+
}
|
|
6752
|
+
}
|
|
6753
|
+
[data-theme="rui"] .in-field\:mb-1\.5 {
|
|
6754
|
+
[data-theme="rui"] :is(.group\/field) > & {
|
|
6755
|
+
margin-bottom: calc(var(--spacing) * 1.5);
|
|
6756
|
+
}
|
|
6757
|
+
}
|
|
6427
6758
|
[data-theme="rui"] .\[\&_\.selection-indicator\>svg\]\:invisible {
|
|
6428
6759
|
[data-theme="rui"] & .selection-indicator>svg {
|
|
6429
6760
|
visibility: hidden;
|
|
@@ -6471,7 +6802,7 @@
|
|
|
6471
6802
|
}
|
|
6472
6803
|
[data-theme="rui"] .\[\&_\[slot\=description\]\]\:text-muted-foreground {
|
|
6473
6804
|
[data-theme="rui"] & [slot=description] {
|
|
6474
|
-
color: var(--color-stone-
|
|
6805
|
+
color: var(--color-stone-600);
|
|
6475
6806
|
}
|
|
6476
6807
|
}
|
|
6477
6808
|
[data-theme="rui"] .\[\&_button\]\:px-2 {
|
|
@@ -6525,7 +6856,7 @@
|
|
|
6525
6856
|
}
|
|
6526
6857
|
[data-theme="rui"] .\[\&_header\]\:text-muted-foreground {
|
|
6527
6858
|
[data-theme="rui"] & header {
|
|
6528
|
-
color: var(--color-stone-
|
|
6859
|
+
color: var(--color-stone-600);
|
|
6529
6860
|
}
|
|
6530
6861
|
}
|
|
6531
6862
|
[data-theme="rui"] .\[\&_svg\]\:pointer-events-none {
|
|
@@ -6779,19 +7110,48 @@
|
|
|
6779
7110
|
display: none;
|
|
6780
7111
|
}
|
|
6781
7112
|
}
|
|
7113
|
+
[data-theme="rui"] .\[\&\:has\(\>button\[data-focus-visible\]\)\]\:ui-state-focus {
|
|
7114
|
+
[data-theme="rui"] &:has(>button[data-focus-visible]) {
|
|
7115
|
+
--tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
|
|
7116
|
+
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
|
|
7117
|
+
--tw-ring-color: color-mix(in srgb, oklch(70.9% 0.01 56.259) 50%, transparent);
|
|
7118
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
7119
|
+
--tw-ring-color: color-mix(in oklab, var(--color-stone-400) 50%, transparent);
|
|
7120
|
+
}
|
|
7121
|
+
--tw-outline-style: none;
|
|
7122
|
+
outline-style: none;
|
|
7123
|
+
--ui-border-color: var(--color-ring);
|
|
7124
|
+
}
|
|
7125
|
+
}
|
|
7126
|
+
[data-theme="rui"] .\[\&\:has\(\>button\[data-focus-visible\]\)\]\:group-invalid\/field\:ring-destructive\/20 {
|
|
7127
|
+
[data-theme="rui"] &:has(>button[data-focus-visible]) {
|
|
7128
|
+
[data-theme="rui"] &:is(:where(.group\/field):where([data-rac])[data-invalid] *) {
|
|
7129
|
+
--tw-ring-color: color-mix(in srgb, oklch(57.7% 0.245 27.325) 20%, transparent);
|
|
7130
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
7131
|
+
--tw-ring-color: color-mix(in oklab, var(--color-red-600) 20%, transparent);
|
|
7132
|
+
}
|
|
7133
|
+
}
|
|
7134
|
+
[data-theme="rui"] &:is(:where(.group\/field):where(:not([data-rac])):invalid *) {
|
|
7135
|
+
--tw-ring-color: color-mix(in srgb, oklch(57.7% 0.245 27.325) 20%, transparent);
|
|
7136
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
7137
|
+
--tw-ring-color: color-mix(in oklab, var(--color-red-600) 20%, transparent);
|
|
7138
|
+
}
|
|
7139
|
+
}
|
|
7140
|
+
}
|
|
7141
|
+
}
|
|
6782
7142
|
[data-theme="rui"] .\[\&\:has\(\[slot\=description\]\)\]\:items-end {
|
|
6783
7143
|
[data-theme="rui"] &:has([slot=description]) {
|
|
6784
7144
|
align-items: flex-end;
|
|
6785
7145
|
}
|
|
6786
7146
|
}
|
|
6787
|
-
[data-theme="rui"] .\[\&\:has\(\[slot\=description\]\)_\>\*\:not\(\:has\(\[slot\=description\]\)\)\]\:mb-
|
|
7147
|
+
[data-theme="rui"] .\[\&\:has\(\[slot\=description\]\)_\>\*\:not\(\:has\(\[slot\=description\]\)\)\]\:mb-5 {
|
|
6788
7148
|
[data-theme="rui"] &:has([slot=description]) >*:not(:has([slot=description])) {
|
|
6789
|
-
margin-bottom: calc(var(--spacing) *
|
|
7149
|
+
margin-bottom: calc(var(--spacing) * 5);
|
|
6790
7150
|
}
|
|
6791
7151
|
}
|
|
6792
|
-
[data-theme="rui"] .\[\&\:has\(\[slot\=errorMessage\]\)_\>\*\:not\(\:has\(\[slot\=errorMessage\]\)\)\]\:mb-
|
|
7152
|
+
[data-theme="rui"] .\[\&\:has\(\[slot\=errorMessage\]\)_\>\*\:not\(\:has\(\[slot\=errorMessage\]\)\)\]\:mb-5 {
|
|
6793
7153
|
[data-theme="rui"] &:has([slot=errorMessage]) >*:not(:has([slot=errorMessage])) {
|
|
6794
|
-
margin-bottom: calc(var(--spacing) *
|
|
7154
|
+
margin-bottom: calc(var(--spacing) * 5);
|
|
6795
7155
|
}
|
|
6796
7156
|
}
|
|
6797
7157
|
[data-theme="rui"] .\[\&\:has\(\[type\=checkbox\]\)\]\:pr-0 {
|
|
@@ -6818,6 +7178,13 @@
|
|
|
6818
7178
|
}
|
|
6819
7179
|
}
|
|
6820
7180
|
}
|
|
7181
|
+
[data-theme="rui"] .\*\*\:\[\[role\=row\]\]\:pointer-events-auto {
|
|
7182
|
+
[data-theme="rui"] :is(& *) {
|
|
7183
|
+
[data-theme="rui"] &:is([role=row]) {
|
|
7184
|
+
pointer-events: auto;
|
|
7185
|
+
}
|
|
7186
|
+
}
|
|
7187
|
+
}
|
|
6821
7188
|
[data-theme="rui"] .\*\*\:not-last\:\[\[role\=rowheader\]\]\:border-r {
|
|
6822
7189
|
[data-theme="rui"] :is(& *) {
|
|
6823
7190
|
[data-theme="rui"] &:not(*:last-child) {
|
|
@@ -6923,12 +7290,9 @@
|
|
|
6923
7290
|
padding-left: calc(var(--spacing) * 0);
|
|
6924
7291
|
}
|
|
6925
7292
|
}
|
|
6926
|
-
[data-theme="rui"] .\[\&\[type\=file\]\]\:text-muted-foreground
|
|
7293
|
+
[data-theme="rui"] .\[\&\[type\=file\]\]\:text-muted-foreground {
|
|
6927
7294
|
[data-theme="rui"] &[type=file] {
|
|
6928
|
-
color: color-
|
|
6929
|
-
@supports (color: color-mix(in lab, red, red)) {
|
|
6930
|
-
color: color-mix(in oklab, var(--color-stone-500) 70%, transparent);
|
|
6931
|
-
}
|
|
7295
|
+
color: var(--color-stone-600);
|
|
6932
7296
|
}
|
|
6933
7297
|
}
|
|
6934
7298
|
[data-theme="rui"] .\[\&\[type\=file\]\]\:italic {
|
|
@@ -6936,12 +7300,9 @@
|
|
|
6936
7300
|
font-style: italic;
|
|
6937
7301
|
}
|
|
6938
7302
|
}
|
|
6939
|
-
[data-theme="rui"] .\[\&svg\]\:text-muted-foreground
|
|
7303
|
+
[data-theme="rui"] .\[\&svg\]\:text-muted-foreground {
|
|
6940
7304
|
[data-theme="rui"] &svg {
|
|
6941
|
-
color: color-
|
|
6942
|
-
@supports (color: color-mix(in lab, red, red)) {
|
|
6943
|
-
color: color-mix(in oklab, var(--color-stone-500) 80%, transparent);
|
|
6944
|
-
}
|
|
7305
|
+
color: var(--color-stone-600);
|
|
6945
7306
|
}
|
|
6946
7307
|
}
|
|
6947
7308
|
[data-theme="rui"] .\[\.group\\\/editable-cell\:has\(\:focus-visible\)_\&\]\:opacity-100 {
|
|
@@ -6967,57 +7328,9 @@
|
|
|
6967
7328
|
}
|
|
6968
7329
|
}
|
|
6969
7330
|
}
|
|
6970
|
-
@
|
|
6971
|
-
from {
|
|
6972
|
-
opacity: var(--tw-enter-opacity, 1);
|
|
6973
|
-
transform: translate3d(var(--tw-enter-translate-x, 0), var(--tw-enter-translate-y, 0), 0) scale3d(var(--tw-enter-scale, 1), var(--tw-enter-scale, 1), var(--tw-enter-scale, 1)) rotate(var(--tw-enter-rotate, 0));
|
|
6974
|
-
}
|
|
6975
|
-
}
|
|
6976
|
-
@keyframes exit {
|
|
6977
|
-
to {
|
|
6978
|
-
opacity: var(--tw-exit-opacity, 1);
|
|
6979
|
-
transform: translate3d(var(--tw-exit-translate-x, 0), var(--tw-exit-translate-y, 0), 0) scale3d(var(--tw-exit-scale, 1), var(--tw-exit-scale, 1), var(--tw-exit-scale, 1)) rotate(var(--tw-exit-rotate, 0));
|
|
6980
|
-
}
|
|
6981
|
-
}
|
|
6982
|
-
@property --tw-border-spacing-x {
|
|
6983
|
-
syntax: "<length>";
|
|
6984
|
-
inherits: false;
|
|
6985
|
-
initial-value: 0;
|
|
6986
|
-
}
|
|
6987
|
-
@property --tw-border-spacing-y {
|
|
6988
|
-
syntax: "<length>";
|
|
6989
|
-
inherits: false;
|
|
6990
|
-
initial-value: 0;
|
|
6991
|
-
}
|
|
6992
|
-
@property --tw-translate-x {
|
|
6993
|
-
syntax: "*";
|
|
6994
|
-
inherits: false;
|
|
6995
|
-
initial-value: 0;
|
|
6996
|
-
}
|
|
6997
|
-
@property --tw-translate-y {
|
|
6998
|
-
syntax: "*";
|
|
6999
|
-
inherits: false;
|
|
7000
|
-
initial-value: 0;
|
|
7001
|
-
}
|
|
7002
|
-
@property --tw-translate-z {
|
|
7003
|
-
syntax: "*";
|
|
7004
|
-
inherits: false;
|
|
7005
|
-
initial-value: 0;
|
|
7006
|
-
}
|
|
7007
|
-
@property --tw-space-y-reverse {
|
|
7008
|
-
syntax: "*";
|
|
7009
|
-
inherits: false;
|
|
7010
|
-
initial-value: 0;
|
|
7011
|
-
}
|
|
7012
|
-
@property --tw-space-x-reverse {
|
|
7013
|
-
syntax: "*";
|
|
7014
|
-
inherits: false;
|
|
7015
|
-
initial-value: 0;
|
|
7016
|
-
}
|
|
7017
|
-
@property --tw-border-style {
|
|
7331
|
+
@property --tw-font-weight {
|
|
7018
7332
|
syntax: "*";
|
|
7019
7333
|
inherits: false;
|
|
7020
|
-
initial-value: solid;
|
|
7021
7334
|
}
|
|
7022
7335
|
@property --tw-shadow {
|
|
7023
7336
|
syntax: "*";
|
|
@@ -7084,6 +7397,66 @@
|
|
|
7084
7397
|
inherits: false;
|
|
7085
7398
|
initial-value: 0 0 #0000;
|
|
7086
7399
|
}
|
|
7400
|
+
@property --tw-border-style {
|
|
7401
|
+
syntax: "*";
|
|
7402
|
+
inherits: false;
|
|
7403
|
+
initial-value: solid;
|
|
7404
|
+
}
|
|
7405
|
+
@property --tw-border-spacing-x {
|
|
7406
|
+
syntax: "<length>";
|
|
7407
|
+
inherits: false;
|
|
7408
|
+
initial-value: 0;
|
|
7409
|
+
}
|
|
7410
|
+
@property --tw-border-spacing-y {
|
|
7411
|
+
syntax: "<length>";
|
|
7412
|
+
inherits: false;
|
|
7413
|
+
initial-value: 0;
|
|
7414
|
+
}
|
|
7415
|
+
@property --tw-translate-x {
|
|
7416
|
+
syntax: "*";
|
|
7417
|
+
inherits: false;
|
|
7418
|
+
initial-value: 0;
|
|
7419
|
+
}
|
|
7420
|
+
@property --tw-translate-y {
|
|
7421
|
+
syntax: "*";
|
|
7422
|
+
inherits: false;
|
|
7423
|
+
initial-value: 0;
|
|
7424
|
+
}
|
|
7425
|
+
@property --tw-translate-z {
|
|
7426
|
+
syntax: "*";
|
|
7427
|
+
inherits: false;
|
|
7428
|
+
initial-value: 0;
|
|
7429
|
+
}
|
|
7430
|
+
@property --tw-rotate-x {
|
|
7431
|
+
syntax: "*";
|
|
7432
|
+
inherits: false;
|
|
7433
|
+
}
|
|
7434
|
+
@property --tw-rotate-y {
|
|
7435
|
+
syntax: "*";
|
|
7436
|
+
inherits: false;
|
|
7437
|
+
}
|
|
7438
|
+
@property --tw-rotate-z {
|
|
7439
|
+
syntax: "*";
|
|
7440
|
+
inherits: false;
|
|
7441
|
+
}
|
|
7442
|
+
@property --tw-skew-x {
|
|
7443
|
+
syntax: "*";
|
|
7444
|
+
inherits: false;
|
|
7445
|
+
}
|
|
7446
|
+
@property --tw-skew-y {
|
|
7447
|
+
syntax: "*";
|
|
7448
|
+
inherits: false;
|
|
7449
|
+
}
|
|
7450
|
+
@property --tw-space-y-reverse {
|
|
7451
|
+
syntax: "*";
|
|
7452
|
+
inherits: false;
|
|
7453
|
+
initial-value: 0;
|
|
7454
|
+
}
|
|
7455
|
+
@property --tw-space-x-reverse {
|
|
7456
|
+
syntax: "*";
|
|
7457
|
+
inherits: false;
|
|
7458
|
+
initial-value: 0;
|
|
7459
|
+
}
|
|
7087
7460
|
@property --tw-gradient-position {
|
|
7088
7461
|
syntax: "*";
|
|
7089
7462
|
inherits: false;
|
|
@@ -7130,7 +7503,7 @@
|
|
|
7130
7503
|
syntax: "*";
|
|
7131
7504
|
inherits: false;
|
|
7132
7505
|
}
|
|
7133
|
-
@property --tw-
|
|
7506
|
+
@property --tw-tracking {
|
|
7134
7507
|
syntax: "*";
|
|
7135
7508
|
inherits: false;
|
|
7136
7509
|
}
|
|
@@ -7264,28 +7637,46 @@
|
|
|
7264
7637
|
@keyframes fade-in {
|
|
7265
7638
|
from {
|
|
7266
7639
|
opacity: 0;
|
|
7267
|
-
filter: blur(6px);
|
|
7268
7640
|
}
|
|
7269
7641
|
to {
|
|
7270
7642
|
opacity: 1;
|
|
7271
|
-
filter: blur(0);
|
|
7272
7643
|
}
|
|
7273
7644
|
}
|
|
7274
7645
|
@keyframes fade-in-up {
|
|
7275
7646
|
from {
|
|
7276
7647
|
opacity: 0;
|
|
7277
|
-
transform: translateY(15px);
|
|
7278
7648
|
filter: blur(6px);
|
|
7649
|
+
transform: translateY(15px);
|
|
7279
7650
|
}
|
|
7280
7651
|
to {
|
|
7281
7652
|
opacity: 1;
|
|
7282
|
-
transform: translateY(0);
|
|
7283
7653
|
filter: blur(0);
|
|
7654
|
+
transform: translateY(0);
|
|
7655
|
+
}
|
|
7656
|
+
}
|
|
7657
|
+
@keyframes slide-in {
|
|
7658
|
+
0% {
|
|
7659
|
+
opacity: 0;
|
|
7660
|
+
transform: translateY(24px);
|
|
7661
|
+
}
|
|
7662
|
+
100% {
|
|
7663
|
+
opacity: 1;
|
|
7664
|
+
transform: translateY(0);
|
|
7665
|
+
}
|
|
7666
|
+
}
|
|
7667
|
+
@keyframes slide-out {
|
|
7668
|
+
0% {
|
|
7669
|
+
opacity: 1;
|
|
7670
|
+
transform: translateY(0);
|
|
7671
|
+
}
|
|
7672
|
+
100% {
|
|
7673
|
+
opacity: 0;
|
|
7674
|
+
transform: translateY(16px);
|
|
7284
7675
|
}
|
|
7285
7676
|
}
|
|
7286
7677
|
@keyframes slide-in-right {
|
|
7287
7678
|
from {
|
|
7288
|
-
transform: translateX(100%);
|
|
7679
|
+
transform: translateX(calc(100% + var(--slide-offset, 0px)));
|
|
7289
7680
|
}
|
|
7290
7681
|
to {
|
|
7291
7682
|
transform: translateX(0);
|
|
@@ -7293,7 +7684,7 @@
|
|
|
7293
7684
|
}
|
|
7294
7685
|
@keyframes slide-in-left {
|
|
7295
7686
|
from {
|
|
7296
|
-
transform: translateX(-100%);
|
|
7687
|
+
transform: translateX(calc(-100% - var(--slide-offset, 0px)));
|
|
7297
7688
|
}
|
|
7298
7689
|
to {
|
|
7299
7690
|
transform: translateX(0);
|
|
@@ -7301,7 +7692,7 @@
|
|
|
7301
7692
|
}
|
|
7302
7693
|
@keyframes slide-in-top {
|
|
7303
7694
|
from {
|
|
7304
|
-
transform: translateY(-100%);
|
|
7695
|
+
transform: translateY(calc(-100% - var(--slide-offset, 0px)));
|
|
7305
7696
|
}
|
|
7306
7697
|
to {
|
|
7307
7698
|
transform: translateY(0);
|
|
@@ -7309,7 +7700,7 @@
|
|
|
7309
7700
|
}
|
|
7310
7701
|
@keyframes slide-in-bottom {
|
|
7311
7702
|
from {
|
|
7312
|
-
transform: translateY(100%);
|
|
7703
|
+
transform: translateY(calc(100% + var(--slide-offset, 0px)));
|
|
7313
7704
|
}
|
|
7314
7705
|
to {
|
|
7315
7706
|
transform: translateY(0);
|
|
@@ -7339,14 +7730,7 @@
|
|
|
7339
7730
|
@layer properties {
|
|
7340
7731
|
@supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {
|
|
7341
7732
|
[data-theme="rui"] *, [data-theme="rui"] ::before, [data-theme="rui"] ::after, [data-theme="rui"] ::backdrop {
|
|
7342
|
-
--tw-
|
|
7343
|
-
--tw-border-spacing-y: 0;
|
|
7344
|
-
--tw-translate-x: 0;
|
|
7345
|
-
--tw-translate-y: 0;
|
|
7346
|
-
--tw-translate-z: 0;
|
|
7347
|
-
--tw-space-y-reverse: 0;
|
|
7348
|
-
--tw-space-x-reverse: 0;
|
|
7349
|
-
--tw-border-style: solid;
|
|
7733
|
+
--tw-font-weight: initial;
|
|
7350
7734
|
--tw-shadow: 0 0 #0000;
|
|
7351
7735
|
--tw-shadow-color: initial;
|
|
7352
7736
|
--tw-shadow-alpha: 100%;
|
|
@@ -7361,6 +7745,19 @@
|
|
|
7361
7745
|
--tw-ring-offset-width: 0px;
|
|
7362
7746
|
--tw-ring-offset-color: #fff;
|
|
7363
7747
|
--tw-ring-offset-shadow: 0 0 #0000;
|
|
7748
|
+
--tw-border-style: solid;
|
|
7749
|
+
--tw-border-spacing-x: 0;
|
|
7750
|
+
--tw-border-spacing-y: 0;
|
|
7751
|
+
--tw-translate-x: 0;
|
|
7752
|
+
--tw-translate-y: 0;
|
|
7753
|
+
--tw-translate-z: 0;
|
|
7754
|
+
--tw-rotate-x: initial;
|
|
7755
|
+
--tw-rotate-y: initial;
|
|
7756
|
+
--tw-rotate-z: initial;
|
|
7757
|
+
--tw-skew-x: initial;
|
|
7758
|
+
--tw-skew-y: initial;
|
|
7759
|
+
--tw-space-y-reverse: 0;
|
|
7760
|
+
--tw-space-x-reverse: 0;
|
|
7364
7761
|
--tw-gradient-position: initial;
|
|
7365
7762
|
--tw-gradient-from: #0000;
|
|
7366
7763
|
--tw-gradient-via: #0000;
|
|
@@ -7371,7 +7768,7 @@
|
|
|
7371
7768
|
--tw-gradient-via-position: 50%;
|
|
7372
7769
|
--tw-gradient-to-position: 100%;
|
|
7373
7770
|
--tw-leading: initial;
|
|
7374
|
-
--tw-
|
|
7771
|
+
--tw-tracking: initial;
|
|
7375
7772
|
--tw-ordinal: initial;
|
|
7376
7773
|
--tw-slashed-zero: initial;
|
|
7377
7774
|
--tw-numeric-figure: initial;
|