@seed-design/tailwind4-theme 1.1.6 → 1.1.16
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/index.css +278 -117
- package/package.json +1 -1
package/index.css
CHANGED
|
@@ -1,24 +1,4 @@
|
|
|
1
1
|
@theme {
|
|
2
|
-
--color-palette-blue-100: var(--seed-color-palette-blue-100);
|
|
3
|
-
--color-palette-blue-200: var(--seed-color-palette-blue-200);
|
|
4
|
-
--color-palette-blue-300: var(--seed-color-palette-blue-300);
|
|
5
|
-
--color-palette-blue-400: var(--seed-color-palette-blue-400);
|
|
6
|
-
--color-palette-blue-500: var(--seed-color-palette-blue-500);
|
|
7
|
-
--color-palette-blue-600: var(--seed-color-palette-blue-600);
|
|
8
|
-
--color-palette-blue-700: var(--seed-color-palette-blue-700);
|
|
9
|
-
--color-palette-blue-800: var(--seed-color-palette-blue-800);
|
|
10
|
-
--color-palette-blue-900: var(--seed-color-palette-blue-900);
|
|
11
|
-
--color-palette-blue-1000: var(--seed-color-palette-blue-1000);
|
|
12
|
-
--color-palette-carrot-100: var(--seed-color-palette-carrot-100);
|
|
13
|
-
--color-palette-carrot-200: var(--seed-color-palette-carrot-200);
|
|
14
|
-
--color-palette-carrot-300: var(--seed-color-palette-carrot-300);
|
|
15
|
-
--color-palette-carrot-400: var(--seed-color-palette-carrot-400);
|
|
16
|
-
--color-palette-carrot-500: var(--seed-color-palette-carrot-500);
|
|
17
|
-
--color-palette-carrot-600: var(--seed-color-palette-carrot-600);
|
|
18
|
-
--color-palette-carrot-700: var(--seed-color-palette-carrot-700);
|
|
19
|
-
--color-palette-carrot-800: var(--seed-color-palette-carrot-800);
|
|
20
|
-
--color-palette-carrot-900: var(--seed-color-palette-carrot-900);
|
|
21
|
-
--color-palette-carrot-1000: var(--seed-color-palette-carrot-1000);
|
|
22
2
|
--color-palette-gray-00: var(--seed-color-palette-gray-00);
|
|
23
3
|
--color-palette-gray-100: var(--seed-color-palette-gray-100);
|
|
24
4
|
--color-palette-gray-200: var(--seed-color-palette-gray-200);
|
|
@@ -30,6 +10,36 @@
|
|
|
30
10
|
--color-palette-gray-800: var(--seed-color-palette-gray-800);
|
|
31
11
|
--color-palette-gray-900: var(--seed-color-palette-gray-900);
|
|
32
12
|
--color-palette-gray-1000: var(--seed-color-palette-gray-1000);
|
|
13
|
+
--color-palette-carrot-100: var(--seed-color-palette-carrot-100);
|
|
14
|
+
--color-palette-carrot-200: var(--seed-color-palette-carrot-200);
|
|
15
|
+
--color-palette-carrot-300: var(--seed-color-palette-carrot-300);
|
|
16
|
+
--color-palette-carrot-400: var(--seed-color-palette-carrot-400);
|
|
17
|
+
--color-palette-carrot-500: var(--seed-color-palette-carrot-500);
|
|
18
|
+
--color-palette-carrot-600: var(--seed-color-palette-carrot-600);
|
|
19
|
+
--color-palette-carrot-700: var(--seed-color-palette-carrot-700);
|
|
20
|
+
--color-palette-carrot-800: var(--seed-color-palette-carrot-800);
|
|
21
|
+
--color-palette-carrot-900: var(--seed-color-palette-carrot-900);
|
|
22
|
+
--color-palette-carrot-1000: var(--seed-color-palette-carrot-1000);
|
|
23
|
+
--color-palette-blue-100: var(--seed-color-palette-blue-100);
|
|
24
|
+
--color-palette-blue-200: var(--seed-color-palette-blue-200);
|
|
25
|
+
--color-palette-blue-300: var(--seed-color-palette-blue-300);
|
|
26
|
+
--color-palette-blue-400: var(--seed-color-palette-blue-400);
|
|
27
|
+
--color-palette-blue-500: var(--seed-color-palette-blue-500);
|
|
28
|
+
--color-palette-blue-600: var(--seed-color-palette-blue-600);
|
|
29
|
+
--color-palette-blue-700: var(--seed-color-palette-blue-700);
|
|
30
|
+
--color-palette-blue-800: var(--seed-color-palette-blue-800);
|
|
31
|
+
--color-palette-blue-900: var(--seed-color-palette-blue-900);
|
|
32
|
+
--color-palette-blue-1000: var(--seed-color-palette-blue-1000);
|
|
33
|
+
--color-palette-red-100: var(--seed-color-palette-red-100);
|
|
34
|
+
--color-palette-red-200: var(--seed-color-palette-red-200);
|
|
35
|
+
--color-palette-red-300: var(--seed-color-palette-red-300);
|
|
36
|
+
--color-palette-red-400: var(--seed-color-palette-red-400);
|
|
37
|
+
--color-palette-red-500: var(--seed-color-palette-red-500);
|
|
38
|
+
--color-palette-red-600: var(--seed-color-palette-red-600);
|
|
39
|
+
--color-palette-red-700: var(--seed-color-palette-red-700);
|
|
40
|
+
--color-palette-red-800: var(--seed-color-palette-red-800);
|
|
41
|
+
--color-palette-red-900: var(--seed-color-palette-red-900);
|
|
42
|
+
--color-palette-red-1000: var(--seed-color-palette-red-1000);
|
|
33
43
|
--color-palette-green-100: var(--seed-color-palette-green-100);
|
|
34
44
|
--color-palette-green-200: var(--seed-color-palette-green-200);
|
|
35
45
|
--color-palette-green-300: var(--seed-color-palette-green-300);
|
|
@@ -40,6 +50,16 @@
|
|
|
40
50
|
--color-palette-green-800: var(--seed-color-palette-green-800);
|
|
41
51
|
--color-palette-green-900: var(--seed-color-palette-green-900);
|
|
42
52
|
--color-palette-green-1000: var(--seed-color-palette-green-1000);
|
|
53
|
+
--color-palette-yellow-100: var(--seed-color-palette-yellow-100);
|
|
54
|
+
--color-palette-yellow-200: var(--seed-color-palette-yellow-200);
|
|
55
|
+
--color-palette-yellow-300: var(--seed-color-palette-yellow-300);
|
|
56
|
+
--color-palette-yellow-400: var(--seed-color-palette-yellow-400);
|
|
57
|
+
--color-palette-yellow-500: var(--seed-color-palette-yellow-500);
|
|
58
|
+
--color-palette-yellow-600: var(--seed-color-palette-yellow-600);
|
|
59
|
+
--color-palette-yellow-700: var(--seed-color-palette-yellow-700);
|
|
60
|
+
--color-palette-yellow-800: var(--seed-color-palette-yellow-800);
|
|
61
|
+
--color-palette-yellow-900: var(--seed-color-palette-yellow-900);
|
|
62
|
+
--color-palette-yellow-1000: var(--seed-color-palette-yellow-1000);
|
|
43
63
|
--color-palette-purple-100: var(--seed-color-palette-purple-100);
|
|
44
64
|
--color-palette-purple-200: var(--seed-color-palette-purple-200);
|
|
45
65
|
--color-palette-purple-300: var(--seed-color-palette-purple-300);
|
|
@@ -50,18 +70,7 @@
|
|
|
50
70
|
--color-palette-purple-800: var(--seed-color-palette-purple-800);
|
|
51
71
|
--color-palette-purple-900: var(--seed-color-palette-purple-900);
|
|
52
72
|
--color-palette-purple-1000: var(--seed-color-palette-purple-1000);
|
|
53
|
-
--color-palette-red-100: var(--seed-color-palette-red-100);
|
|
54
|
-
--color-palette-red-200: var(--seed-color-palette-red-200);
|
|
55
|
-
--color-palette-red-300: var(--seed-color-palette-red-300);
|
|
56
|
-
--color-palette-red-400: var(--seed-color-palette-red-400);
|
|
57
|
-
--color-palette-red-500: var(--seed-color-palette-red-500);
|
|
58
|
-
--color-palette-red-600: var(--seed-color-palette-red-600);
|
|
59
|
-
--color-palette-red-700: var(--seed-color-palette-red-700);
|
|
60
|
-
--color-palette-red-800: var(--seed-color-palette-red-800);
|
|
61
|
-
--color-palette-red-900: var(--seed-color-palette-red-900);
|
|
62
|
-
--color-palette-red-1000: var(--seed-color-palette-red-1000);
|
|
63
73
|
--color-palette-static-black: var(--seed-color-palette-static-black);
|
|
64
|
-
--color-palette-static-white: var(--seed-color-palette-static-white);
|
|
65
74
|
--color-palette-static-black-alpha-100: var(--seed-color-palette-static-black-alpha-100);
|
|
66
75
|
--color-palette-static-black-alpha-200: var(--seed-color-palette-static-black-alpha-200);
|
|
67
76
|
--color-palette-static-black-alpha-300: var(--seed-color-palette-static-black-alpha-300);
|
|
@@ -72,6 +81,7 @@
|
|
|
72
81
|
--color-palette-static-black-alpha-800: var(--seed-color-palette-static-black-alpha-800);
|
|
73
82
|
--color-palette-static-black-alpha-900: var(--seed-color-palette-static-black-alpha-900);
|
|
74
83
|
--color-palette-static-black-alpha-1000: var(--seed-color-palette-static-black-alpha-1000);
|
|
84
|
+
--color-palette-static-white: var(--seed-color-palette-static-white);
|
|
75
85
|
--color-palette-static-white-alpha-50: var(--seed-color-palette-static-white-alpha-50);
|
|
76
86
|
--color-palette-static-white-alpha-100: var(--seed-color-palette-static-white-alpha-100);
|
|
77
87
|
--color-palette-static-white-alpha-200: var(--seed-color-palette-static-white-alpha-200);
|
|
@@ -83,106 +93,106 @@
|
|
|
83
93
|
--color-palette-static-white-alpha-800: var(--seed-color-palette-static-white-alpha-800);
|
|
84
94
|
--color-palette-static-white-alpha-900: var(--seed-color-palette-static-white-alpha-900);
|
|
85
95
|
--color-palette-static-white-alpha-1000: var(--seed-color-palette-static-white-alpha-1000);
|
|
86
|
-
--color-palette-yellow-100: var(--seed-color-palette-yellow-100);
|
|
87
|
-
--color-palette-yellow-200: var(--seed-color-palette-yellow-200);
|
|
88
|
-
--color-palette-yellow-300: var(--seed-color-palette-yellow-300);
|
|
89
|
-
--color-palette-yellow-400: var(--seed-color-palette-yellow-400);
|
|
90
|
-
--color-palette-yellow-500: var(--seed-color-palette-yellow-500);
|
|
91
|
-
--color-palette-yellow-600: var(--seed-color-palette-yellow-600);
|
|
92
|
-
--color-palette-yellow-700: var(--seed-color-palette-yellow-700);
|
|
93
|
-
--color-palette-yellow-800: var(--seed-color-palette-yellow-800);
|
|
94
|
-
--color-palette-yellow-900: var(--seed-color-palette-yellow-900);
|
|
95
|
-
--color-palette-yellow-1000: var(--seed-color-palette-yellow-1000);
|
|
96
|
-
--color-fg-neutral: var(--seed-color-fg-neutral);
|
|
97
|
-
--color-fg-placeholder: var(--seed-color-fg-placeholder);
|
|
98
|
-
--color-fg-disabled: var(--seed-color-fg-disabled);
|
|
99
96
|
--color-fg-brand: var(--seed-color-fg-brand);
|
|
100
|
-
--color-fg-informative: var(--seed-color-fg-informative);
|
|
101
|
-
--color-fg-critical: var(--seed-color-fg-critical);
|
|
102
|
-
--color-fg-positive: var(--seed-color-fg-positive);
|
|
103
|
-
--color-fg-warning: var(--seed-color-fg-warning);
|
|
104
97
|
--color-fg-brand-contrast: var(--seed-color-fg-brand-contrast);
|
|
98
|
+
--color-fg-critical: var(--seed-color-fg-critical);
|
|
105
99
|
--color-fg-critical-contrast: var(--seed-color-fg-critical-contrast);
|
|
100
|
+
--color-fg-disabled: var(--seed-color-fg-disabled);
|
|
101
|
+
--color-fg-informative: var(--seed-color-fg-informative);
|
|
106
102
|
--color-fg-informative-contrast: var(--seed-color-fg-informative-contrast);
|
|
103
|
+
--color-fg-neutral: var(--seed-color-fg-neutral);
|
|
104
|
+
--color-fg-neutral-inverted: var(--seed-color-fg-neutral-inverted);
|
|
107
105
|
--color-fg-neutral-muted: var(--seed-color-fg-neutral-muted);
|
|
108
106
|
--color-fg-neutral-subtle: var(--seed-color-fg-neutral-subtle);
|
|
109
|
-
--color-fg-
|
|
107
|
+
--color-fg-placeholder: var(--seed-color-fg-placeholder);
|
|
108
|
+
--color-fg-positive: var(--seed-color-fg-positive);
|
|
110
109
|
--color-fg-positive-contrast: var(--seed-color-fg-positive-contrast);
|
|
110
|
+
--color-fg-warning: var(--seed-color-fg-warning);
|
|
111
111
|
--color-fg-warning-contrast: var(--seed-color-fg-warning-contrast);
|
|
112
|
-
--color-bg-overlay: var(--seed-color-bg-overlay);
|
|
113
|
-
--color-bg-disabled: var(--seed-color-bg-disabled);
|
|
114
|
-
--color-bg-brand-weak: var(--seed-color-bg-brand-weak);
|
|
115
112
|
--color-bg-brand-solid: var(--seed-color-bg-brand-solid);
|
|
116
113
|
--color-bg-brand-solid-pressed: var(--seed-color-bg-brand-solid-pressed);
|
|
114
|
+
--color-bg-brand-weak: var(--seed-color-bg-brand-weak);
|
|
117
115
|
--color-bg-brand-weak-pressed: var(--seed-color-bg-brand-weak-pressed);
|
|
118
|
-
--color-bg-critical-weak: var(--seed-color-bg-critical-weak);
|
|
119
116
|
--color-bg-critical-solid: var(--seed-color-bg-critical-solid);
|
|
120
117
|
--color-bg-critical-solid-pressed: var(--seed-color-bg-critical-solid-pressed);
|
|
118
|
+
--color-bg-critical-weak: var(--seed-color-bg-critical-weak);
|
|
121
119
|
--color-bg-critical-weak-pressed: var(--seed-color-bg-critical-weak-pressed);
|
|
122
|
-
--color-bg-
|
|
120
|
+
--color-bg-disabled: var(--seed-color-bg-disabled);
|
|
123
121
|
--color-bg-informative-solid: var(--seed-color-bg-informative-solid);
|
|
124
122
|
--color-bg-informative-solid-pressed: var(--seed-color-bg-informative-solid-pressed);
|
|
123
|
+
--color-bg-informative-weak: var(--seed-color-bg-informative-weak);
|
|
125
124
|
--color-bg-informative-weak-pressed: var(--seed-color-bg-informative-weak-pressed);
|
|
126
125
|
--color-bg-layer-basement: var(--seed-color-bg-layer-basement);
|
|
127
126
|
--color-bg-layer-default: var(--seed-color-bg-layer-default);
|
|
127
|
+
--color-bg-layer-default-pressed: var(--seed-color-bg-layer-default-pressed);
|
|
128
128
|
--color-bg-layer-fill: var(--seed-color-bg-layer-fill);
|
|
129
129
|
--color-bg-layer-floating: var(--seed-color-bg-layer-floating);
|
|
130
|
-
--color-bg-layer-default-pressed: var(--seed-color-bg-layer-default-pressed);
|
|
131
130
|
--color-bg-layer-floating-pressed: var(--seed-color-bg-layer-floating-pressed);
|
|
132
131
|
--color-bg-magic-weak: var(--seed-color-bg-magic-weak);
|
|
133
|
-
--color-bg-neutral-weak: var(--seed-color-bg-neutral-weak);
|
|
134
132
|
--color-bg-neutral-inverted: var(--seed-color-bg-neutral-inverted);
|
|
135
|
-
--color-bg-neutral-solid: var(--seed-color-bg-neutral-solid);
|
|
136
133
|
--color-bg-neutral-inverted-pressed: var(--seed-color-bg-neutral-inverted-pressed);
|
|
134
|
+
--color-bg-neutral-solid: var(--seed-color-bg-neutral-solid);
|
|
137
135
|
--color-bg-neutral-solid-muted: var(--seed-color-bg-neutral-solid-muted);
|
|
138
136
|
--color-bg-neutral-solid-muted-pressed: var(--seed-color-bg-neutral-solid-muted-pressed);
|
|
137
|
+
--color-bg-neutral-weak: var(--seed-color-bg-neutral-weak);
|
|
139
138
|
--color-bg-neutral-weak-pressed: var(--seed-color-bg-neutral-weak-pressed);
|
|
139
|
+
--color-bg-overlay: var(--seed-color-bg-overlay);
|
|
140
140
|
--color-bg-overlay-muted: var(--seed-color-bg-overlay-muted);
|
|
141
|
-
--color-bg-positive-weak: var(--seed-color-bg-positive-weak);
|
|
142
141
|
--color-bg-positive-solid: var(--seed-color-bg-positive-solid);
|
|
143
142
|
--color-bg-positive-solid-pressed: var(--seed-color-bg-positive-solid-pressed);
|
|
143
|
+
--color-bg-positive-weak: var(--seed-color-bg-positive-weak);
|
|
144
144
|
--color-bg-positive-weak-pressed: var(--seed-color-bg-positive-weak-pressed);
|
|
145
|
-
--color-bg-
|
|
145
|
+
--color-bg-transparent: var(--seed-color-bg-transparent);
|
|
146
|
+
--color-bg-transparent-pressed: var(--seed-color-bg-transparent-pressed);
|
|
146
147
|
--color-bg-warning-solid: var(--seed-color-bg-warning-solid);
|
|
147
148
|
--color-bg-warning-solid-pressed: var(--seed-color-bg-warning-solid-pressed);
|
|
149
|
+
--color-bg-warning-weak: var(--seed-color-bg-warning-weak);
|
|
148
150
|
--color-bg-warning-weak-pressed: var(--seed-color-bg-warning-weak-pressed);
|
|
149
|
-
--color-bg-transparent: var(--seed-color-bg-transparent);
|
|
150
|
-
--color-bg-transparent-pressed: var(--seed-color-bg-transparent-pressed);
|
|
151
|
-
--color-stroke-brand-weak: var(--seed-color-stroke-brand-weak);
|
|
152
151
|
--color-stroke-brand-solid: var(--seed-color-stroke-brand-solid);
|
|
153
|
-
--color-stroke-
|
|
152
|
+
--color-stroke-brand-weak: var(--seed-color-stroke-brand-weak);
|
|
154
153
|
--color-stroke-critical-solid: var(--seed-color-stroke-critical-solid);
|
|
155
|
-
--color-stroke-
|
|
154
|
+
--color-stroke-critical-weak: var(--seed-color-stroke-critical-weak);
|
|
156
155
|
--color-stroke-informative-solid: var(--seed-color-stroke-informative-solid);
|
|
156
|
+
--color-stroke-informative-weak: var(--seed-color-stroke-informative-weak);
|
|
157
157
|
--color-stroke-neutral-contrast: var(--seed-color-stroke-neutral-contrast);
|
|
158
|
-
--color-stroke-neutral-solid: var(--seed-color-stroke-neutral-solid);
|
|
159
|
-
--color-stroke-neutral-weak: var(--seed-color-stroke-neutral-weak);
|
|
160
158
|
--color-stroke-neutral-muted: var(--seed-color-stroke-neutral-muted);
|
|
159
|
+
--color-stroke-neutral-solid: var(--seed-color-stroke-neutral-solid);
|
|
161
160
|
--color-stroke-neutral-subtle: var(--seed-color-stroke-neutral-subtle);
|
|
162
|
-
--color-stroke-
|
|
161
|
+
--color-stroke-neutral-weak: var(--seed-color-stroke-neutral-weak);
|
|
163
162
|
--color-stroke-positive-solid: var(--seed-color-stroke-positive-solid);
|
|
164
|
-
--color-stroke-
|
|
163
|
+
--color-stroke-positive-weak: var(--seed-color-stroke-positive-weak);
|
|
165
164
|
--color-stroke-warning-solid: var(--seed-color-stroke-warning-solid);
|
|
165
|
+
--color-stroke-warning-weak: var(--seed-color-stroke-warning-weak);
|
|
166
|
+
--color-manner-temp-l1-bg: var(--seed-color-manner-temp-l1-bg);
|
|
166
167
|
--color-manner-temp-l1-text: var(--seed-color-manner-temp-l1-text);
|
|
168
|
+
--color-manner-temp-l10-bg: var(--seed-color-manner-temp-l10-bg);
|
|
169
|
+
--color-manner-temp-l10-text: var(--seed-color-manner-temp-l10-text);
|
|
170
|
+
--color-manner-temp-l2-bg: var(--seed-color-manner-temp-l2-bg);
|
|
167
171
|
--color-manner-temp-l2-text: var(--seed-color-manner-temp-l2-text);
|
|
172
|
+
--color-manner-temp-l3-bg: var(--seed-color-manner-temp-l3-bg);
|
|
168
173
|
--color-manner-temp-l3-text: var(--seed-color-manner-temp-l3-text);
|
|
169
|
-
--color-manner-temp-l4-text: var(--seed-color-manner-temp-l4-text);
|
|
170
174
|
--color-manner-temp-l4-bg: var(--seed-color-manner-temp-l4-bg);
|
|
171
|
-
--color-manner-temp-
|
|
172
|
-
--color-manner-temp-l6-text: var(--seed-color-manner-temp-l6-text);
|
|
173
|
-
--color-manner-temp-l1-bg: var(--seed-color-manner-temp-l1-bg);
|
|
174
|
-
--color-manner-temp-l2-bg: var(--seed-color-manner-temp-l2-bg);
|
|
175
|
-
--color-manner-temp-l3-bg: var(--seed-color-manner-temp-l3-bg);
|
|
175
|
+
--color-manner-temp-l4-text: var(--seed-color-manner-temp-l4-text);
|
|
176
176
|
--color-manner-temp-l5-bg: var(--seed-color-manner-temp-l5-bg);
|
|
177
|
+
--color-manner-temp-l5-text: var(--seed-color-manner-temp-l5-text);
|
|
177
178
|
--color-manner-temp-l6-bg: var(--seed-color-manner-temp-l6-bg);
|
|
178
|
-
--color-manner-temp-
|
|
179
|
+
--color-manner-temp-l6-text: var(--seed-color-manner-temp-l6-text);
|
|
179
180
|
--color-manner-temp-l7-bg: var(--seed-color-manner-temp-l7-bg);
|
|
180
|
-
--color-manner-temp-
|
|
181
|
-
--color-manner-temp-l9-text: var(--seed-color-manner-temp-l9-text);
|
|
181
|
+
--color-manner-temp-l7-text: var(--seed-color-manner-temp-l7-text);
|
|
182
182
|
--color-manner-temp-l8-bg: var(--seed-color-manner-temp-l8-bg);
|
|
183
|
+
--color-manner-temp-l8-text: var(--seed-color-manner-temp-l8-text);
|
|
183
184
|
--color-manner-temp-l9-bg: var(--seed-color-manner-temp-l9-bg);
|
|
184
|
-
--color-manner-temp-
|
|
185
|
-
--color-
|
|
185
|
+
--color-manner-temp-l9-text: var(--seed-color-manner-temp-l9-text);
|
|
186
|
+
--color-banner-blue: var(--seed-color-banner-blue);
|
|
187
|
+
--color-banner-cool-gray: var(--seed-color-banner-cool-gray);
|
|
188
|
+
--color-banner-green: var(--seed-color-banner-green);
|
|
189
|
+
--color-banner-orange: var(--seed-color-banner-orange);
|
|
190
|
+
--color-banner-pink: var(--seed-color-banner-pink);
|
|
191
|
+
--color-banner-purple: var(--seed-color-banner-purple);
|
|
192
|
+
--color-banner-red: var(--seed-color-banner-red);
|
|
193
|
+
--color-banner-teal: var(--seed-color-banner-teal);
|
|
194
|
+
--color-banner-warm-gray: var(--seed-color-banner-warm-gray);
|
|
195
|
+
--color-banner-yellow: var(--seed-color-banner-yellow);
|
|
186
196
|
--dimension-x0_5: var(--seed-dimension-x0_5);
|
|
187
197
|
--dimension-x1: var(--seed-dimension-x1);
|
|
188
198
|
--dimension-x1_5: var(--seed-dimension-x1_5);
|
|
@@ -242,10 +252,10 @@
|
|
|
242
252
|
--gradient-fade-layer-default: var(--seed-gradient-fade-layer-default);
|
|
243
253
|
--gradient-glow-magic: var(--seed-gradient-glow-magic);
|
|
244
254
|
--gradient-glow-magic-pressed: var(--seed-gradient-glow-magic-pressed);
|
|
245
|
-
--gradient-shimmer-neutral: var(--seed-gradient-shimmer-neutral);
|
|
246
|
-
--gradient-shimmer-magic: var(--seed-gradient-shimmer-magic);
|
|
247
|
-
--gradient-highlight-magic-pressed: var(--seed-gradient-highlight-magic-pressed);
|
|
248
255
|
--gradient-highlight-magic: var(--seed-gradient-highlight-magic);
|
|
256
|
+
--gradient-highlight-magic-pressed: var(--seed-gradient-highlight-magic-pressed);
|
|
257
|
+
--gradient-shimmer-magic: var(--seed-gradient-shimmer-magic);
|
|
258
|
+
--gradient-shimmer-neutral: var(--seed-gradient-shimmer-neutral);
|
|
249
259
|
--line-height-t1: var(--seed-line-height-t1);
|
|
250
260
|
--line-height-t2: var(--seed-line-height-t2);
|
|
251
261
|
--line-height-t3: var(--seed-line-height-t3);
|
|
@@ -277,6 +287,9 @@
|
|
|
277
287
|
--radius-r5: var(--seed-radius-r5);
|
|
278
288
|
--radius-r6: var(--seed-radius-r6);
|
|
279
289
|
--radius-full: var(--seed-radius-full);
|
|
290
|
+
--shadow-s1: var(--seed-shadow-s1);
|
|
291
|
+
--shadow-s2: var(--seed-shadow-s2);
|
|
292
|
+
--shadow-s3: var(--seed-shadow-s3);
|
|
280
293
|
--timing-function-linear: var(--seed-timing-function-linear);
|
|
281
294
|
--timing-function-easing: var(--seed-timing-function-easing);
|
|
282
295
|
--timing-function-enter: var(--seed-timing-function-enter);
|
|
@@ -287,10 +300,10 @@
|
|
|
287
300
|
--gradient-stops-fade-layer-default: #000000 0.00%, #ffffff00 100.00%;
|
|
288
301
|
--gradient-stops-glow-magic: #fef6f7 0.00%, #fef0e7 80.00%, #f9f7f5 100.00%;
|
|
289
302
|
--gradient-stops-glow-magic-pressed: #fbf0f2 0.00%, #ffe8db 80.00%, #f5f2ef 100.00%;
|
|
290
|
-
--gradient-stops-shimmer-neutral: #ffffff00 0.00%, #ffffff66 46.00%, #ffffff66 54.00%, #ffffff00 100.00%;
|
|
291
|
-
--gradient-stops-shimmer-magic: #fff9f500 0.00%, #fff9f58a 46.00%, #fff9f58a 54.00%, #fff9f500 100.00%;
|
|
292
|
-
--gradient-stops-highlight-magic-pressed: #e14f00 20.00%, #ae58bf 100.00%;
|
|
293
303
|
--gradient-stops-highlight-magic: #ff6600 20.00%, #d25aca 100.00%;
|
|
304
|
+
--gradient-stops-highlight-magic-pressed: #e14f00 20.00%, #ae58bf 100.00%;
|
|
305
|
+
--gradient-stops-shimmer-magic: #fff9f500 0.00%, #fff9f58a 46.00%, #fff9f58a 54.00%, #fff9f500 100.00%;
|
|
306
|
+
--gradient-stops-shimmer-neutral: #ffffff00 0.00%, #ffffff66 46.00%, #ffffff66 54.00%, #ffffff00 100.00%;
|
|
294
307
|
--gradient-fade-layer-floating-to-t: linear-gradient(to top, #ffffff00 0.00%, #000000 100.00%);
|
|
295
308
|
--gradient-fade-layer-floating-to-tr: linear-gradient(to top right, #ffffff00 0.00%, #000000 100.00%);
|
|
296
309
|
--gradient-fade-layer-floating-to-r: linear-gradient(to right, #ffffff00 0.00%, #000000 100.00%);
|
|
@@ -323,30 +336,6 @@
|
|
|
323
336
|
--gradient-glow-magic-pressed-to-bl: linear-gradient(to bottom left, #fbf0f2 0.00%, #ffe8db 80.00%, #f5f2ef 100.00%);
|
|
324
337
|
--gradient-glow-magic-pressed-to-l: linear-gradient(to left, #fbf0f2 0.00%, #ffe8db 80.00%, #f5f2ef 100.00%);
|
|
325
338
|
--gradient-glow-magic-pressed-to-tl: linear-gradient(to top left, #fbf0f2 0.00%, #ffe8db 80.00%, #f5f2ef 100.00%);
|
|
326
|
-
--gradient-shimmer-neutral-to-t: linear-gradient(to top, #ffffff00 0.00%, #ffffff66 46.00%, #ffffff66 54.00%, #ffffff00 100.00%);
|
|
327
|
-
--gradient-shimmer-neutral-to-tr: linear-gradient(to top right, #ffffff00 0.00%, #ffffff66 46.00%, #ffffff66 54.00%, #ffffff00 100.00%);
|
|
328
|
-
--gradient-shimmer-neutral-to-r: linear-gradient(to right, #ffffff00 0.00%, #ffffff66 46.00%, #ffffff66 54.00%, #ffffff00 100.00%);
|
|
329
|
-
--gradient-shimmer-neutral-to-br: linear-gradient(to bottom right, #ffffff00 0.00%, #ffffff66 46.00%, #ffffff66 54.00%, #ffffff00 100.00%);
|
|
330
|
-
--gradient-shimmer-neutral-to-b: linear-gradient(to bottom, #ffffff00 0.00%, #ffffff66 46.00%, #ffffff66 54.00%, #ffffff00 100.00%);
|
|
331
|
-
--gradient-shimmer-neutral-to-bl: linear-gradient(to bottom left, #ffffff00 0.00%, #ffffff66 46.00%, #ffffff66 54.00%, #ffffff00 100.00%);
|
|
332
|
-
--gradient-shimmer-neutral-to-l: linear-gradient(to left, #ffffff00 0.00%, #ffffff66 46.00%, #ffffff66 54.00%, #ffffff00 100.00%);
|
|
333
|
-
--gradient-shimmer-neutral-to-tl: linear-gradient(to top left, #ffffff00 0.00%, #ffffff66 46.00%, #ffffff66 54.00%, #ffffff00 100.00%);
|
|
334
|
-
--gradient-shimmer-magic-to-t: linear-gradient(to top, #fff9f500 0.00%, #fff9f58a 46.00%, #fff9f58a 54.00%, #fff9f500 100.00%);
|
|
335
|
-
--gradient-shimmer-magic-to-tr: linear-gradient(to top right, #fff9f500 0.00%, #fff9f58a 46.00%, #fff9f58a 54.00%, #fff9f500 100.00%);
|
|
336
|
-
--gradient-shimmer-magic-to-r: linear-gradient(to right, #fff9f500 0.00%, #fff9f58a 46.00%, #fff9f58a 54.00%, #fff9f500 100.00%);
|
|
337
|
-
--gradient-shimmer-magic-to-br: linear-gradient(to bottom right, #fff9f500 0.00%, #fff9f58a 46.00%, #fff9f58a 54.00%, #fff9f500 100.00%);
|
|
338
|
-
--gradient-shimmer-magic-to-b: linear-gradient(to bottom, #fff9f500 0.00%, #fff9f58a 46.00%, #fff9f58a 54.00%, #fff9f500 100.00%);
|
|
339
|
-
--gradient-shimmer-magic-to-bl: linear-gradient(to bottom left, #fff9f500 0.00%, #fff9f58a 46.00%, #fff9f58a 54.00%, #fff9f500 100.00%);
|
|
340
|
-
--gradient-shimmer-magic-to-l: linear-gradient(to left, #fff9f500 0.00%, #fff9f58a 46.00%, #fff9f58a 54.00%, #fff9f500 100.00%);
|
|
341
|
-
--gradient-shimmer-magic-to-tl: linear-gradient(to top left, #fff9f500 0.00%, #fff9f58a 46.00%, #fff9f58a 54.00%, #fff9f500 100.00%);
|
|
342
|
-
--gradient-highlight-magic-pressed-to-t: linear-gradient(to top, #e14f00 20.00%, #ae58bf 100.00%);
|
|
343
|
-
--gradient-highlight-magic-pressed-to-tr: linear-gradient(to top right, #e14f00 20.00%, #ae58bf 100.00%);
|
|
344
|
-
--gradient-highlight-magic-pressed-to-r: linear-gradient(to right, #e14f00 20.00%, #ae58bf 100.00%);
|
|
345
|
-
--gradient-highlight-magic-pressed-to-br: linear-gradient(to bottom right, #e14f00 20.00%, #ae58bf 100.00%);
|
|
346
|
-
--gradient-highlight-magic-pressed-to-b: linear-gradient(to bottom, #e14f00 20.00%, #ae58bf 100.00%);
|
|
347
|
-
--gradient-highlight-magic-pressed-to-bl: linear-gradient(to bottom left, #e14f00 20.00%, #ae58bf 100.00%);
|
|
348
|
-
--gradient-highlight-magic-pressed-to-l: linear-gradient(to left, #e14f00 20.00%, #ae58bf 100.00%);
|
|
349
|
-
--gradient-highlight-magic-pressed-to-tl: linear-gradient(to top left, #e14f00 20.00%, #ae58bf 100.00%);
|
|
350
339
|
--gradient-highlight-magic-to-t: linear-gradient(to top, #ff6600 20.00%, #d25aca 100.00%);
|
|
351
340
|
--gradient-highlight-magic-to-tr: linear-gradient(to top right, #ff6600 20.00%, #d25aca 100.00%);
|
|
352
341
|
--gradient-highlight-magic-to-r: linear-gradient(to right, #ff6600 20.00%, #d25aca 100.00%);
|
|
@@ -355,6 +344,30 @@
|
|
|
355
344
|
--gradient-highlight-magic-to-bl: linear-gradient(to bottom left, #ff6600 20.00%, #d25aca 100.00%);
|
|
356
345
|
--gradient-highlight-magic-to-l: linear-gradient(to left, #ff6600 20.00%, #d25aca 100.00%);
|
|
357
346
|
--gradient-highlight-magic-to-tl: linear-gradient(to top left, #ff6600 20.00%, #d25aca 100.00%);
|
|
347
|
+
--gradient-highlight-magic-pressed-to-t: linear-gradient(to top, #e14f00 20.00%, #ae58bf 100.00%);
|
|
348
|
+
--gradient-highlight-magic-pressed-to-tr: linear-gradient(to top right, #e14f00 20.00%, #ae58bf 100.00%);
|
|
349
|
+
--gradient-highlight-magic-pressed-to-r: linear-gradient(to right, #e14f00 20.00%, #ae58bf 100.00%);
|
|
350
|
+
--gradient-highlight-magic-pressed-to-br: linear-gradient(to bottom right, #e14f00 20.00%, #ae58bf 100.00%);
|
|
351
|
+
--gradient-highlight-magic-pressed-to-b: linear-gradient(to bottom, #e14f00 20.00%, #ae58bf 100.00%);
|
|
352
|
+
--gradient-highlight-magic-pressed-to-bl: linear-gradient(to bottom left, #e14f00 20.00%, #ae58bf 100.00%);
|
|
353
|
+
--gradient-highlight-magic-pressed-to-l: linear-gradient(to left, #e14f00 20.00%, #ae58bf 100.00%);
|
|
354
|
+
--gradient-highlight-magic-pressed-to-tl: linear-gradient(to top left, #e14f00 20.00%, #ae58bf 100.00%);
|
|
355
|
+
--gradient-shimmer-magic-to-t: linear-gradient(to top, #fff9f500 0.00%, #fff9f58a 46.00%, #fff9f58a 54.00%, #fff9f500 100.00%);
|
|
356
|
+
--gradient-shimmer-magic-to-tr: linear-gradient(to top right, #fff9f500 0.00%, #fff9f58a 46.00%, #fff9f58a 54.00%, #fff9f500 100.00%);
|
|
357
|
+
--gradient-shimmer-magic-to-r: linear-gradient(to right, #fff9f500 0.00%, #fff9f58a 46.00%, #fff9f58a 54.00%, #fff9f500 100.00%);
|
|
358
|
+
--gradient-shimmer-magic-to-br: linear-gradient(to bottom right, #fff9f500 0.00%, #fff9f58a 46.00%, #fff9f58a 54.00%, #fff9f500 100.00%);
|
|
359
|
+
--gradient-shimmer-magic-to-b: linear-gradient(to bottom, #fff9f500 0.00%, #fff9f58a 46.00%, #fff9f58a 54.00%, #fff9f500 100.00%);
|
|
360
|
+
--gradient-shimmer-magic-to-bl: linear-gradient(to bottom left, #fff9f500 0.00%, #fff9f58a 46.00%, #fff9f58a 54.00%, #fff9f500 100.00%);
|
|
361
|
+
--gradient-shimmer-magic-to-l: linear-gradient(to left, #fff9f500 0.00%, #fff9f58a 46.00%, #fff9f58a 54.00%, #fff9f500 100.00%);
|
|
362
|
+
--gradient-shimmer-magic-to-tl: linear-gradient(to top left, #fff9f500 0.00%, #fff9f58a 46.00%, #fff9f58a 54.00%, #fff9f500 100.00%);
|
|
363
|
+
--gradient-shimmer-neutral-to-t: linear-gradient(to top, #ffffff00 0.00%, #ffffff66 46.00%, #ffffff66 54.00%, #ffffff00 100.00%);
|
|
364
|
+
--gradient-shimmer-neutral-to-tr: linear-gradient(to top right, #ffffff00 0.00%, #ffffff66 46.00%, #ffffff66 54.00%, #ffffff00 100.00%);
|
|
365
|
+
--gradient-shimmer-neutral-to-r: linear-gradient(to right, #ffffff00 0.00%, #ffffff66 46.00%, #ffffff66 54.00%, #ffffff00 100.00%);
|
|
366
|
+
--gradient-shimmer-neutral-to-br: linear-gradient(to bottom right, #ffffff00 0.00%, #ffffff66 46.00%, #ffffff66 54.00%, #ffffff00 100.00%);
|
|
367
|
+
--gradient-shimmer-neutral-to-b: linear-gradient(to bottom, #ffffff00 0.00%, #ffffff66 46.00%, #ffffff66 54.00%, #ffffff00 100.00%);
|
|
368
|
+
--gradient-shimmer-neutral-to-bl: linear-gradient(to bottom left, #ffffff00 0.00%, #ffffff66 46.00%, #ffffff66 54.00%, #ffffff00 100.00%);
|
|
369
|
+
--gradient-shimmer-neutral-to-l: linear-gradient(to left, #ffffff00 0.00%, #ffffff66 46.00%, #ffffff66 54.00%, #ffffff00 100.00%);
|
|
370
|
+
--gradient-shimmer-neutral-to-tl: linear-gradient(to top left, #ffffff00 0.00%, #ffffff66 46.00%, #ffffff66 54.00%, #ffffff00 100.00%);
|
|
358
371
|
}
|
|
359
372
|
|
|
360
373
|
@utility screen-title {
|
|
@@ -513,6 +526,150 @@
|
|
|
513
526
|
font-weight: var(--seed-font-weight-bold);
|
|
514
527
|
}
|
|
515
528
|
|
|
529
|
+
@utility t1-static-regular {
|
|
530
|
+
font-size: var(--seed-font-size-t1-static);
|
|
531
|
+
line-height: var(--seed-line-height-t1-static);
|
|
532
|
+
font-weight: var(--seed-font-weight-regular);
|
|
533
|
+
}
|
|
534
|
+
|
|
535
|
+
@utility t1-static-medium {
|
|
536
|
+
font-size: var(--seed-font-size-t1-static);
|
|
537
|
+
line-height: var(--seed-line-height-t1-static);
|
|
538
|
+
font-weight: var(--seed-font-weight-medium);
|
|
539
|
+
}
|
|
540
|
+
|
|
541
|
+
@utility t1-static-bold {
|
|
542
|
+
font-size: var(--seed-font-size-t1-static);
|
|
543
|
+
line-height: var(--seed-line-height-t1-static);
|
|
544
|
+
font-weight: var(--seed-font-weight-bold);
|
|
545
|
+
}
|
|
546
|
+
|
|
547
|
+
@utility t2-static-regular {
|
|
548
|
+
font-size: var(--seed-font-size-t2-static);
|
|
549
|
+
line-height: var(--seed-line-height-t2-static);
|
|
550
|
+
font-weight: var(--seed-font-weight-regular);
|
|
551
|
+
}
|
|
552
|
+
|
|
553
|
+
@utility t2-static-medium {
|
|
554
|
+
font-size: var(--seed-font-size-t2-static);
|
|
555
|
+
line-height: var(--seed-line-height-t2-static);
|
|
556
|
+
font-weight: var(--seed-font-weight-medium);
|
|
557
|
+
}
|
|
558
|
+
|
|
559
|
+
@utility t2-static-bold {
|
|
560
|
+
font-size: var(--seed-font-size-t2-static);
|
|
561
|
+
line-height: var(--seed-line-height-t2-static);
|
|
562
|
+
font-weight: var(--seed-font-weight-bold);
|
|
563
|
+
}
|
|
564
|
+
|
|
565
|
+
@utility t3-static-regular {
|
|
566
|
+
font-size: var(--seed-font-size-t3-static);
|
|
567
|
+
line-height: var(--seed-line-height-t3-static);
|
|
568
|
+
font-weight: var(--seed-font-weight-regular);
|
|
569
|
+
}
|
|
570
|
+
|
|
571
|
+
@utility t3-static-medium {
|
|
572
|
+
font-size: var(--seed-font-size-t3-static);
|
|
573
|
+
line-height: var(--seed-line-height-t3-static);
|
|
574
|
+
font-weight: var(--seed-font-weight-medium);
|
|
575
|
+
}
|
|
576
|
+
|
|
577
|
+
@utility t3-static-bold {
|
|
578
|
+
font-size: var(--seed-font-size-t3-static);
|
|
579
|
+
line-height: var(--seed-line-height-t3-static);
|
|
580
|
+
font-weight: var(--seed-font-weight-bold);
|
|
581
|
+
}
|
|
582
|
+
|
|
583
|
+
@utility t4-static-regular {
|
|
584
|
+
font-size: var(--seed-font-size-t4-static);
|
|
585
|
+
line-height: var(--seed-line-height-t4-static);
|
|
586
|
+
font-weight: var(--seed-font-weight-regular);
|
|
587
|
+
}
|
|
588
|
+
|
|
589
|
+
@utility t4-static-medium {
|
|
590
|
+
font-size: var(--seed-font-size-t4-static);
|
|
591
|
+
line-height: var(--seed-line-height-t4-static);
|
|
592
|
+
font-weight: var(--seed-font-weight-medium);
|
|
593
|
+
}
|
|
594
|
+
|
|
595
|
+
@utility t4-static-bold {
|
|
596
|
+
font-size: var(--seed-font-size-t4-static);
|
|
597
|
+
line-height: var(--seed-line-height-t4-static);
|
|
598
|
+
font-weight: var(--seed-font-weight-bold);
|
|
599
|
+
}
|
|
600
|
+
|
|
601
|
+
@utility t5-static-regular {
|
|
602
|
+
font-size: var(--seed-font-size-t5-static);
|
|
603
|
+
line-height: var(--seed-line-height-t5-static);
|
|
604
|
+
font-weight: var(--seed-font-weight-regular);
|
|
605
|
+
}
|
|
606
|
+
|
|
607
|
+
@utility t5-static-medium {
|
|
608
|
+
font-size: var(--seed-font-size-t5-static);
|
|
609
|
+
line-height: var(--seed-line-height-t5-static);
|
|
610
|
+
font-weight: var(--seed-font-weight-medium);
|
|
611
|
+
}
|
|
612
|
+
|
|
613
|
+
@utility t5-static-bold {
|
|
614
|
+
font-size: var(--seed-font-size-t5-static);
|
|
615
|
+
line-height: var(--seed-line-height-t5-static);
|
|
616
|
+
font-weight: var(--seed-font-weight-bold);
|
|
617
|
+
}
|
|
618
|
+
|
|
619
|
+
@utility t6-static-regular {
|
|
620
|
+
font-size: var(--seed-font-size-t6-static);
|
|
621
|
+
line-height: var(--seed-line-height-t6-static);
|
|
622
|
+
font-weight: var(--seed-font-weight-regular);
|
|
623
|
+
}
|
|
624
|
+
|
|
625
|
+
@utility t6-static-medium {
|
|
626
|
+
font-size: var(--seed-font-size-t6-static);
|
|
627
|
+
line-height: var(--seed-line-height-t6-static);
|
|
628
|
+
font-weight: var(--seed-font-weight-medium);
|
|
629
|
+
}
|
|
630
|
+
|
|
631
|
+
@utility t6-static-bold {
|
|
632
|
+
font-size: var(--seed-font-size-t6-static);
|
|
633
|
+
line-height: var(--seed-line-height-t6-static);
|
|
634
|
+
font-weight: var(--seed-font-weight-bold);
|
|
635
|
+
}
|
|
636
|
+
|
|
637
|
+
@utility t7-static-regular {
|
|
638
|
+
font-size: var(--seed-font-size-t7-static);
|
|
639
|
+
line-height: var(--seed-line-height-t7-static);
|
|
640
|
+
font-weight: var(--seed-font-weight-regular);
|
|
641
|
+
}
|
|
642
|
+
|
|
643
|
+
@utility t7-static-medium {
|
|
644
|
+
font-size: var(--seed-font-size-t7-static);
|
|
645
|
+
line-height: var(--seed-line-height-t7-static);
|
|
646
|
+
font-weight: var(--seed-font-weight-medium);
|
|
647
|
+
}
|
|
648
|
+
|
|
649
|
+
@utility t7-static-bold {
|
|
650
|
+
font-size: var(--seed-font-size-t7-static);
|
|
651
|
+
line-height: var(--seed-line-height-t7-static);
|
|
652
|
+
font-weight: var(--seed-font-weight-bold);
|
|
653
|
+
}
|
|
654
|
+
|
|
655
|
+
@utility t8-static-bold {
|
|
656
|
+
font-size: var(--seed-font-size-t8-static);
|
|
657
|
+
line-height: var(--seed-line-height-t8-static);
|
|
658
|
+
font-weight: var(--seed-font-weight-bold);
|
|
659
|
+
}
|
|
660
|
+
|
|
661
|
+
@utility t9-static-bold {
|
|
662
|
+
font-size: var(--seed-font-size-t9-static);
|
|
663
|
+
line-height: var(--seed-line-height-t9-static);
|
|
664
|
+
font-weight: var(--seed-font-weight-bold);
|
|
665
|
+
}
|
|
666
|
+
|
|
667
|
+
@utility t10-static-bold {
|
|
668
|
+
font-size: var(--seed-font-size-t10-static);
|
|
669
|
+
line-height: var(--seed-line-height-t10-static);
|
|
670
|
+
font-weight: var(--seed-font-weight-bold);
|
|
671
|
+
}
|
|
672
|
+
|
|
516
673
|
@utility size-* {
|
|
517
674
|
width: --value(--dimension-*);
|
|
518
675
|
height: --value(--dimension-*);
|
|
@@ -622,6 +779,10 @@
|
|
|
622
779
|
transition-timing-function: --value(--timing-function-*);
|
|
623
780
|
}
|
|
624
781
|
|
|
782
|
+
@utility shadow-* {
|
|
783
|
+
box-shadow: --value(--shadow-*);
|
|
784
|
+
}
|
|
785
|
+
|
|
625
786
|
@utility bg-gradient-fade-layer-floating-* {
|
|
626
787
|
background-image: linear-gradient(--value([angle]), var(--gradient-stops-fade-layer-floating));
|
|
627
788
|
}
|
|
@@ -638,18 +799,18 @@
|
|
|
638
799
|
background-image: linear-gradient(--value([angle]), var(--gradient-stops-glow-magic-pressed));
|
|
639
800
|
}
|
|
640
801
|
|
|
641
|
-
@utility bg-gradient-
|
|
642
|
-
background-image: linear-gradient(--value([angle]), var(--gradient-stops-
|
|
643
|
-
}
|
|
644
|
-
|
|
645
|
-
@utility bg-gradient-shimmer-magic-* {
|
|
646
|
-
background-image: linear-gradient(--value([angle]), var(--gradient-stops-shimmer-magic));
|
|
802
|
+
@utility bg-gradient-highlight-magic-* {
|
|
803
|
+
background-image: linear-gradient(--value([angle]), var(--gradient-stops-highlight-magic));
|
|
647
804
|
}
|
|
648
805
|
|
|
649
806
|
@utility bg-gradient-highlight-magic-pressed-* {
|
|
650
807
|
background-image: linear-gradient(--value([angle]), var(--gradient-stops-highlight-magic-pressed));
|
|
651
808
|
}
|
|
652
809
|
|
|
653
|
-
@utility bg-gradient-
|
|
654
|
-
background-image: linear-gradient(--value([angle]), var(--gradient-stops-
|
|
810
|
+
@utility bg-gradient-shimmer-magic-* {
|
|
811
|
+
background-image: linear-gradient(--value([angle]), var(--gradient-stops-shimmer-magic));
|
|
812
|
+
}
|
|
813
|
+
|
|
814
|
+
@utility bg-gradient-shimmer-neutral-* {
|
|
815
|
+
background-image: linear-gradient(--value([angle]), var(--gradient-stops-shimmer-neutral));
|
|
655
816
|
}
|