@seed-design/tailwind4-theme 1.1.13 → 1.1.17
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 +279 -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,108 @@
|
|
|
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);
|
|
138
|
+
--color-bg-neutral-weak-alpha: var(--seed-color-bg-neutral-weak-alpha);
|
|
139
|
+
--color-bg-neutral-weak-alpha-pressed: var(--seed-color-bg-neutral-weak-alpha-pressed);
|
|
139
140
|
--color-bg-neutral-weak-pressed: var(--seed-color-bg-neutral-weak-pressed);
|
|
141
|
+
--color-bg-overlay: var(--seed-color-bg-overlay);
|
|
140
142
|
--color-bg-overlay-muted: var(--seed-color-bg-overlay-muted);
|
|
141
|
-
--color-bg-positive-weak: var(--seed-color-bg-positive-weak);
|
|
142
143
|
--color-bg-positive-solid: var(--seed-color-bg-positive-solid);
|
|
143
144
|
--color-bg-positive-solid-pressed: var(--seed-color-bg-positive-solid-pressed);
|
|
145
|
+
--color-bg-positive-weak: var(--seed-color-bg-positive-weak);
|
|
144
146
|
--color-bg-positive-weak-pressed: var(--seed-color-bg-positive-weak-pressed);
|
|
145
|
-
--color-bg-
|
|
147
|
+
--color-bg-transparent: var(--seed-color-bg-transparent);
|
|
148
|
+
--color-bg-transparent-pressed: var(--seed-color-bg-transparent-pressed);
|
|
146
149
|
--color-bg-warning-solid: var(--seed-color-bg-warning-solid);
|
|
147
150
|
--color-bg-warning-solid-pressed: var(--seed-color-bg-warning-solid-pressed);
|
|
151
|
+
--color-bg-warning-weak: var(--seed-color-bg-warning-weak);
|
|
148
152
|
--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
153
|
--color-stroke-brand-solid: var(--seed-color-stroke-brand-solid);
|
|
153
|
-
--color-stroke-
|
|
154
|
+
--color-stroke-brand-weak: var(--seed-color-stroke-brand-weak);
|
|
154
155
|
--color-stroke-critical-solid: var(--seed-color-stroke-critical-solid);
|
|
155
|
-
--color-stroke-
|
|
156
|
+
--color-stroke-critical-weak: var(--seed-color-stroke-critical-weak);
|
|
156
157
|
--color-stroke-informative-solid: var(--seed-color-stroke-informative-solid);
|
|
158
|
+
--color-stroke-informative-weak: var(--seed-color-stroke-informative-weak);
|
|
157
159
|
--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
160
|
--color-stroke-neutral-muted: var(--seed-color-stroke-neutral-muted);
|
|
161
|
+
--color-stroke-neutral-solid: var(--seed-color-stroke-neutral-solid);
|
|
161
162
|
--color-stroke-neutral-subtle: var(--seed-color-stroke-neutral-subtle);
|
|
162
|
-
--color-stroke-
|
|
163
|
+
--color-stroke-neutral-weak: var(--seed-color-stroke-neutral-weak);
|
|
163
164
|
--color-stroke-positive-solid: var(--seed-color-stroke-positive-solid);
|
|
164
|
-
--color-stroke-
|
|
165
|
+
--color-stroke-positive-weak: var(--seed-color-stroke-positive-weak);
|
|
165
166
|
--color-stroke-warning-solid: var(--seed-color-stroke-warning-solid);
|
|
167
|
+
--color-stroke-warning-weak: var(--seed-color-stroke-warning-weak);
|
|
168
|
+
--color-manner-temp-l1-bg: var(--seed-color-manner-temp-l1-bg);
|
|
166
169
|
--color-manner-temp-l1-text: var(--seed-color-manner-temp-l1-text);
|
|
170
|
+
--color-manner-temp-l10-bg: var(--seed-color-manner-temp-l10-bg);
|
|
171
|
+
--color-manner-temp-l10-text: var(--seed-color-manner-temp-l10-text);
|
|
172
|
+
--color-manner-temp-l2-bg: var(--seed-color-manner-temp-l2-bg);
|
|
167
173
|
--color-manner-temp-l2-text: var(--seed-color-manner-temp-l2-text);
|
|
174
|
+
--color-manner-temp-l3-bg: var(--seed-color-manner-temp-l3-bg);
|
|
168
175
|
--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
176
|
--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);
|
|
177
|
+
--color-manner-temp-l4-text: var(--seed-color-manner-temp-l4-text);
|
|
176
178
|
--color-manner-temp-l5-bg: var(--seed-color-manner-temp-l5-bg);
|
|
179
|
+
--color-manner-temp-l5-text: var(--seed-color-manner-temp-l5-text);
|
|
177
180
|
--color-manner-temp-l6-bg: var(--seed-color-manner-temp-l6-bg);
|
|
178
|
-
--color-manner-temp-
|
|
181
|
+
--color-manner-temp-l6-text: var(--seed-color-manner-temp-l6-text);
|
|
179
182
|
--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);
|
|
183
|
+
--color-manner-temp-l7-text: var(--seed-color-manner-temp-l7-text);
|
|
182
184
|
--color-manner-temp-l8-bg: var(--seed-color-manner-temp-l8-bg);
|
|
185
|
+
--color-manner-temp-l8-text: var(--seed-color-manner-temp-l8-text);
|
|
183
186
|
--color-manner-temp-l9-bg: var(--seed-color-manner-temp-l9-bg);
|
|
184
|
-
--color-manner-temp-
|
|
185
|
-
--color-
|
|
187
|
+
--color-manner-temp-l9-text: var(--seed-color-manner-temp-l9-text);
|
|
188
|
+
--color-banner-blue: var(--seed-color-banner-blue);
|
|
189
|
+
--color-banner-cool-gray: var(--seed-color-banner-cool-gray);
|
|
190
|
+
--color-banner-green: var(--seed-color-banner-green);
|
|
191
|
+
--color-banner-orange: var(--seed-color-banner-orange);
|
|
192
|
+
--color-banner-pink: var(--seed-color-banner-pink);
|
|
193
|
+
--color-banner-purple: var(--seed-color-banner-purple);
|
|
194
|
+
--color-banner-red: var(--seed-color-banner-red);
|
|
195
|
+
--color-banner-teal: var(--seed-color-banner-teal);
|
|
196
|
+
--color-banner-warm-gray: var(--seed-color-banner-warm-gray);
|
|
197
|
+
--color-banner-yellow: var(--seed-color-banner-yellow);
|
|
186
198
|
--dimension-x0_5: var(--seed-dimension-x0_5);
|
|
187
199
|
--dimension-x1: var(--seed-dimension-x1);
|
|
188
200
|
--dimension-x1_5: var(--seed-dimension-x1_5);
|
|
@@ -242,10 +254,10 @@
|
|
|
242
254
|
--gradient-fade-layer-default: var(--seed-gradient-fade-layer-default);
|
|
243
255
|
--gradient-glow-magic: var(--seed-gradient-glow-magic);
|
|
244
256
|
--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
257
|
--gradient-highlight-magic: var(--seed-gradient-highlight-magic);
|
|
258
|
+
--gradient-highlight-magic-pressed: var(--seed-gradient-highlight-magic-pressed);
|
|
259
|
+
--gradient-shimmer-magic: var(--seed-gradient-shimmer-magic);
|
|
260
|
+
--gradient-shimmer-neutral: var(--seed-gradient-shimmer-neutral);
|
|
249
261
|
--line-height-t1: var(--seed-line-height-t1);
|
|
250
262
|
--line-height-t2: var(--seed-line-height-t2);
|
|
251
263
|
--line-height-t3: var(--seed-line-height-t3);
|
|
@@ -290,10 +302,10 @@
|
|
|
290
302
|
--gradient-stops-fade-layer-default: #000000 0.00%, #ffffff00 100.00%;
|
|
291
303
|
--gradient-stops-glow-magic: #fef6f7 0.00%, #fef0e7 80.00%, #f9f7f5 100.00%;
|
|
292
304
|
--gradient-stops-glow-magic-pressed: #fbf0f2 0.00%, #ffe8db 80.00%, #f5f2ef 100.00%;
|
|
293
|
-
--gradient-stops-shimmer-neutral: #ffffff00 0.00%, #ffffff66 46.00%, #ffffff66 54.00%, #ffffff00 100.00%;
|
|
294
|
-
--gradient-stops-shimmer-magic: #fff9f500 0.00%, #fff9f58a 46.00%, #fff9f58a 54.00%, #fff9f500 100.00%;
|
|
295
|
-
--gradient-stops-highlight-magic-pressed: #e14f00 20.00%, #ae58bf 100.00%;
|
|
296
305
|
--gradient-stops-highlight-magic: #ff6600 20.00%, #d25aca 100.00%;
|
|
306
|
+
--gradient-stops-highlight-magic-pressed: #e14f00 20.00%, #ae58bf 100.00%;
|
|
307
|
+
--gradient-stops-shimmer-magic: #fff9f500 0.00%, #fff9f5cc 46.00%, #fff9f5cc 54.00%, #fff9f500 100.00%;
|
|
308
|
+
--gradient-stops-shimmer-neutral: #ffffff00 0.00%, #ffffffab 46.00%, #ffffffab 54.00%, #ffffff00 100.00%;
|
|
297
309
|
--gradient-fade-layer-floating-to-t: linear-gradient(to top, #ffffff00 0.00%, #000000 100.00%);
|
|
298
310
|
--gradient-fade-layer-floating-to-tr: linear-gradient(to top right, #ffffff00 0.00%, #000000 100.00%);
|
|
299
311
|
--gradient-fade-layer-floating-to-r: linear-gradient(to right, #ffffff00 0.00%, #000000 100.00%);
|
|
@@ -326,30 +338,6 @@
|
|
|
326
338
|
--gradient-glow-magic-pressed-to-bl: linear-gradient(to bottom left, #fbf0f2 0.00%, #ffe8db 80.00%, #f5f2ef 100.00%);
|
|
327
339
|
--gradient-glow-magic-pressed-to-l: linear-gradient(to left, #fbf0f2 0.00%, #ffe8db 80.00%, #f5f2ef 100.00%);
|
|
328
340
|
--gradient-glow-magic-pressed-to-tl: linear-gradient(to top left, #fbf0f2 0.00%, #ffe8db 80.00%, #f5f2ef 100.00%);
|
|
329
|
-
--gradient-shimmer-neutral-to-t: linear-gradient(to top, #ffffff00 0.00%, #ffffff66 46.00%, #ffffff66 54.00%, #ffffff00 100.00%);
|
|
330
|
-
--gradient-shimmer-neutral-to-tr: linear-gradient(to top right, #ffffff00 0.00%, #ffffff66 46.00%, #ffffff66 54.00%, #ffffff00 100.00%);
|
|
331
|
-
--gradient-shimmer-neutral-to-r: linear-gradient(to right, #ffffff00 0.00%, #ffffff66 46.00%, #ffffff66 54.00%, #ffffff00 100.00%);
|
|
332
|
-
--gradient-shimmer-neutral-to-br: linear-gradient(to bottom right, #ffffff00 0.00%, #ffffff66 46.00%, #ffffff66 54.00%, #ffffff00 100.00%);
|
|
333
|
-
--gradient-shimmer-neutral-to-b: linear-gradient(to bottom, #ffffff00 0.00%, #ffffff66 46.00%, #ffffff66 54.00%, #ffffff00 100.00%);
|
|
334
|
-
--gradient-shimmer-neutral-to-bl: linear-gradient(to bottom left, #ffffff00 0.00%, #ffffff66 46.00%, #ffffff66 54.00%, #ffffff00 100.00%);
|
|
335
|
-
--gradient-shimmer-neutral-to-l: linear-gradient(to left, #ffffff00 0.00%, #ffffff66 46.00%, #ffffff66 54.00%, #ffffff00 100.00%);
|
|
336
|
-
--gradient-shimmer-neutral-to-tl: linear-gradient(to top left, #ffffff00 0.00%, #ffffff66 46.00%, #ffffff66 54.00%, #ffffff00 100.00%);
|
|
337
|
-
--gradient-shimmer-magic-to-t: linear-gradient(to top, #fff9f500 0.00%, #fff9f58a 46.00%, #fff9f58a 54.00%, #fff9f500 100.00%);
|
|
338
|
-
--gradient-shimmer-magic-to-tr: linear-gradient(to top right, #fff9f500 0.00%, #fff9f58a 46.00%, #fff9f58a 54.00%, #fff9f500 100.00%);
|
|
339
|
-
--gradient-shimmer-magic-to-r: linear-gradient(to right, #fff9f500 0.00%, #fff9f58a 46.00%, #fff9f58a 54.00%, #fff9f500 100.00%);
|
|
340
|
-
--gradient-shimmer-magic-to-br: linear-gradient(to bottom right, #fff9f500 0.00%, #fff9f58a 46.00%, #fff9f58a 54.00%, #fff9f500 100.00%);
|
|
341
|
-
--gradient-shimmer-magic-to-b: linear-gradient(to bottom, #fff9f500 0.00%, #fff9f58a 46.00%, #fff9f58a 54.00%, #fff9f500 100.00%);
|
|
342
|
-
--gradient-shimmer-magic-to-bl: linear-gradient(to bottom left, #fff9f500 0.00%, #fff9f58a 46.00%, #fff9f58a 54.00%, #fff9f500 100.00%);
|
|
343
|
-
--gradient-shimmer-magic-to-l: linear-gradient(to left, #fff9f500 0.00%, #fff9f58a 46.00%, #fff9f58a 54.00%, #fff9f500 100.00%);
|
|
344
|
-
--gradient-shimmer-magic-to-tl: linear-gradient(to top left, #fff9f500 0.00%, #fff9f58a 46.00%, #fff9f58a 54.00%, #fff9f500 100.00%);
|
|
345
|
-
--gradient-highlight-magic-pressed-to-t: linear-gradient(to top, #e14f00 20.00%, #ae58bf 100.00%);
|
|
346
|
-
--gradient-highlight-magic-pressed-to-tr: linear-gradient(to top right, #e14f00 20.00%, #ae58bf 100.00%);
|
|
347
|
-
--gradient-highlight-magic-pressed-to-r: linear-gradient(to right, #e14f00 20.00%, #ae58bf 100.00%);
|
|
348
|
-
--gradient-highlight-magic-pressed-to-br: linear-gradient(to bottom right, #e14f00 20.00%, #ae58bf 100.00%);
|
|
349
|
-
--gradient-highlight-magic-pressed-to-b: linear-gradient(to bottom, #e14f00 20.00%, #ae58bf 100.00%);
|
|
350
|
-
--gradient-highlight-magic-pressed-to-bl: linear-gradient(to bottom left, #e14f00 20.00%, #ae58bf 100.00%);
|
|
351
|
-
--gradient-highlight-magic-pressed-to-l: linear-gradient(to left, #e14f00 20.00%, #ae58bf 100.00%);
|
|
352
|
-
--gradient-highlight-magic-pressed-to-tl: linear-gradient(to top left, #e14f00 20.00%, #ae58bf 100.00%);
|
|
353
341
|
--gradient-highlight-magic-to-t: linear-gradient(to top, #ff6600 20.00%, #d25aca 100.00%);
|
|
354
342
|
--gradient-highlight-magic-to-tr: linear-gradient(to top right, #ff6600 20.00%, #d25aca 100.00%);
|
|
355
343
|
--gradient-highlight-magic-to-r: linear-gradient(to right, #ff6600 20.00%, #d25aca 100.00%);
|
|
@@ -358,6 +346,30 @@
|
|
|
358
346
|
--gradient-highlight-magic-to-bl: linear-gradient(to bottom left, #ff6600 20.00%, #d25aca 100.00%);
|
|
359
347
|
--gradient-highlight-magic-to-l: linear-gradient(to left, #ff6600 20.00%, #d25aca 100.00%);
|
|
360
348
|
--gradient-highlight-magic-to-tl: linear-gradient(to top left, #ff6600 20.00%, #d25aca 100.00%);
|
|
349
|
+
--gradient-highlight-magic-pressed-to-t: linear-gradient(to top, #e14f00 20.00%, #ae58bf 100.00%);
|
|
350
|
+
--gradient-highlight-magic-pressed-to-tr: linear-gradient(to top right, #e14f00 20.00%, #ae58bf 100.00%);
|
|
351
|
+
--gradient-highlight-magic-pressed-to-r: linear-gradient(to right, #e14f00 20.00%, #ae58bf 100.00%);
|
|
352
|
+
--gradient-highlight-magic-pressed-to-br: linear-gradient(to bottom right, #e14f00 20.00%, #ae58bf 100.00%);
|
|
353
|
+
--gradient-highlight-magic-pressed-to-b: linear-gradient(to bottom, #e14f00 20.00%, #ae58bf 100.00%);
|
|
354
|
+
--gradient-highlight-magic-pressed-to-bl: linear-gradient(to bottom left, #e14f00 20.00%, #ae58bf 100.00%);
|
|
355
|
+
--gradient-highlight-magic-pressed-to-l: linear-gradient(to left, #e14f00 20.00%, #ae58bf 100.00%);
|
|
356
|
+
--gradient-highlight-magic-pressed-to-tl: linear-gradient(to top left, #e14f00 20.00%, #ae58bf 100.00%);
|
|
357
|
+
--gradient-shimmer-magic-to-t: linear-gradient(to top, #fff9f500 0.00%, #fff9f5cc 46.00%, #fff9f5cc 54.00%, #fff9f500 100.00%);
|
|
358
|
+
--gradient-shimmer-magic-to-tr: linear-gradient(to top right, #fff9f500 0.00%, #fff9f5cc 46.00%, #fff9f5cc 54.00%, #fff9f500 100.00%);
|
|
359
|
+
--gradient-shimmer-magic-to-r: linear-gradient(to right, #fff9f500 0.00%, #fff9f5cc 46.00%, #fff9f5cc 54.00%, #fff9f500 100.00%);
|
|
360
|
+
--gradient-shimmer-magic-to-br: linear-gradient(to bottom right, #fff9f500 0.00%, #fff9f5cc 46.00%, #fff9f5cc 54.00%, #fff9f500 100.00%);
|
|
361
|
+
--gradient-shimmer-magic-to-b: linear-gradient(to bottom, #fff9f500 0.00%, #fff9f5cc 46.00%, #fff9f5cc 54.00%, #fff9f500 100.00%);
|
|
362
|
+
--gradient-shimmer-magic-to-bl: linear-gradient(to bottom left, #fff9f500 0.00%, #fff9f5cc 46.00%, #fff9f5cc 54.00%, #fff9f500 100.00%);
|
|
363
|
+
--gradient-shimmer-magic-to-l: linear-gradient(to left, #fff9f500 0.00%, #fff9f5cc 46.00%, #fff9f5cc 54.00%, #fff9f500 100.00%);
|
|
364
|
+
--gradient-shimmer-magic-to-tl: linear-gradient(to top left, #fff9f500 0.00%, #fff9f5cc 46.00%, #fff9f5cc 54.00%, #fff9f500 100.00%);
|
|
365
|
+
--gradient-shimmer-neutral-to-t: linear-gradient(to top, #ffffff00 0.00%, #ffffffab 46.00%, #ffffffab 54.00%, #ffffff00 100.00%);
|
|
366
|
+
--gradient-shimmer-neutral-to-tr: linear-gradient(to top right, #ffffff00 0.00%, #ffffffab 46.00%, #ffffffab 54.00%, #ffffff00 100.00%);
|
|
367
|
+
--gradient-shimmer-neutral-to-r: linear-gradient(to right, #ffffff00 0.00%, #ffffffab 46.00%, #ffffffab 54.00%, #ffffff00 100.00%);
|
|
368
|
+
--gradient-shimmer-neutral-to-br: linear-gradient(to bottom right, #ffffff00 0.00%, #ffffffab 46.00%, #ffffffab 54.00%, #ffffff00 100.00%);
|
|
369
|
+
--gradient-shimmer-neutral-to-b: linear-gradient(to bottom, #ffffff00 0.00%, #ffffffab 46.00%, #ffffffab 54.00%, #ffffff00 100.00%);
|
|
370
|
+
--gradient-shimmer-neutral-to-bl: linear-gradient(to bottom left, #ffffff00 0.00%, #ffffffab 46.00%, #ffffffab 54.00%, #ffffff00 100.00%);
|
|
371
|
+
--gradient-shimmer-neutral-to-l: linear-gradient(to left, #ffffff00 0.00%, #ffffffab 46.00%, #ffffffab 54.00%, #ffffff00 100.00%);
|
|
372
|
+
--gradient-shimmer-neutral-to-tl: linear-gradient(to top left, #ffffff00 0.00%, #ffffffab 46.00%, #ffffffab 54.00%, #ffffff00 100.00%);
|
|
361
373
|
}
|
|
362
374
|
|
|
363
375
|
@utility screen-title {
|
|
@@ -372,6 +384,12 @@
|
|
|
372
384
|
font-weight: var(--seed-font-weight-regular);
|
|
373
385
|
}
|
|
374
386
|
|
|
387
|
+
@utility article-note {
|
|
388
|
+
font-size: var(--seed-font-size-t4);
|
|
389
|
+
line-height: var(--seed-line-height-t5);
|
|
390
|
+
font-weight: var(--seed-font-weight-regular);
|
|
391
|
+
}
|
|
392
|
+
|
|
375
393
|
@utility t1-regular {
|
|
376
394
|
font-size: var(--seed-font-size-t1);
|
|
377
395
|
line-height: var(--seed-line-height-t1);
|
|
@@ -516,6 +534,150 @@
|
|
|
516
534
|
font-weight: var(--seed-font-weight-bold);
|
|
517
535
|
}
|
|
518
536
|
|
|
537
|
+
@utility t1-static-regular {
|
|
538
|
+
font-size: var(--seed-font-size-t1-static);
|
|
539
|
+
line-height: var(--seed-line-height-t1-static);
|
|
540
|
+
font-weight: var(--seed-font-weight-regular);
|
|
541
|
+
}
|
|
542
|
+
|
|
543
|
+
@utility t1-static-medium {
|
|
544
|
+
font-size: var(--seed-font-size-t1-static);
|
|
545
|
+
line-height: var(--seed-line-height-t1-static);
|
|
546
|
+
font-weight: var(--seed-font-weight-medium);
|
|
547
|
+
}
|
|
548
|
+
|
|
549
|
+
@utility t1-static-bold {
|
|
550
|
+
font-size: var(--seed-font-size-t1-static);
|
|
551
|
+
line-height: var(--seed-line-height-t1-static);
|
|
552
|
+
font-weight: var(--seed-font-weight-bold);
|
|
553
|
+
}
|
|
554
|
+
|
|
555
|
+
@utility t2-static-regular {
|
|
556
|
+
font-size: var(--seed-font-size-t2-static);
|
|
557
|
+
line-height: var(--seed-line-height-t2-static);
|
|
558
|
+
font-weight: var(--seed-font-weight-regular);
|
|
559
|
+
}
|
|
560
|
+
|
|
561
|
+
@utility t2-static-medium {
|
|
562
|
+
font-size: var(--seed-font-size-t2-static);
|
|
563
|
+
line-height: var(--seed-line-height-t2-static);
|
|
564
|
+
font-weight: var(--seed-font-weight-medium);
|
|
565
|
+
}
|
|
566
|
+
|
|
567
|
+
@utility t2-static-bold {
|
|
568
|
+
font-size: var(--seed-font-size-t2-static);
|
|
569
|
+
line-height: var(--seed-line-height-t2-static);
|
|
570
|
+
font-weight: var(--seed-font-weight-bold);
|
|
571
|
+
}
|
|
572
|
+
|
|
573
|
+
@utility t3-static-regular {
|
|
574
|
+
font-size: var(--seed-font-size-t3-static);
|
|
575
|
+
line-height: var(--seed-line-height-t3-static);
|
|
576
|
+
font-weight: var(--seed-font-weight-regular);
|
|
577
|
+
}
|
|
578
|
+
|
|
579
|
+
@utility t3-static-medium {
|
|
580
|
+
font-size: var(--seed-font-size-t3-static);
|
|
581
|
+
line-height: var(--seed-line-height-t3-static);
|
|
582
|
+
font-weight: var(--seed-font-weight-medium);
|
|
583
|
+
}
|
|
584
|
+
|
|
585
|
+
@utility t3-static-bold {
|
|
586
|
+
font-size: var(--seed-font-size-t3-static);
|
|
587
|
+
line-height: var(--seed-line-height-t3-static);
|
|
588
|
+
font-weight: var(--seed-font-weight-bold);
|
|
589
|
+
}
|
|
590
|
+
|
|
591
|
+
@utility t4-static-regular {
|
|
592
|
+
font-size: var(--seed-font-size-t4-static);
|
|
593
|
+
line-height: var(--seed-line-height-t4-static);
|
|
594
|
+
font-weight: var(--seed-font-weight-regular);
|
|
595
|
+
}
|
|
596
|
+
|
|
597
|
+
@utility t4-static-medium {
|
|
598
|
+
font-size: var(--seed-font-size-t4-static);
|
|
599
|
+
line-height: var(--seed-line-height-t4-static);
|
|
600
|
+
font-weight: var(--seed-font-weight-medium);
|
|
601
|
+
}
|
|
602
|
+
|
|
603
|
+
@utility t4-static-bold {
|
|
604
|
+
font-size: var(--seed-font-size-t4-static);
|
|
605
|
+
line-height: var(--seed-line-height-t4-static);
|
|
606
|
+
font-weight: var(--seed-font-weight-bold);
|
|
607
|
+
}
|
|
608
|
+
|
|
609
|
+
@utility t5-static-regular {
|
|
610
|
+
font-size: var(--seed-font-size-t5-static);
|
|
611
|
+
line-height: var(--seed-line-height-t5-static);
|
|
612
|
+
font-weight: var(--seed-font-weight-regular);
|
|
613
|
+
}
|
|
614
|
+
|
|
615
|
+
@utility t5-static-medium {
|
|
616
|
+
font-size: var(--seed-font-size-t5-static);
|
|
617
|
+
line-height: var(--seed-line-height-t5-static);
|
|
618
|
+
font-weight: var(--seed-font-weight-medium);
|
|
619
|
+
}
|
|
620
|
+
|
|
621
|
+
@utility t5-static-bold {
|
|
622
|
+
font-size: var(--seed-font-size-t5-static);
|
|
623
|
+
line-height: var(--seed-line-height-t5-static);
|
|
624
|
+
font-weight: var(--seed-font-weight-bold);
|
|
625
|
+
}
|
|
626
|
+
|
|
627
|
+
@utility t6-static-regular {
|
|
628
|
+
font-size: var(--seed-font-size-t6-static);
|
|
629
|
+
line-height: var(--seed-line-height-t6-static);
|
|
630
|
+
font-weight: var(--seed-font-weight-regular);
|
|
631
|
+
}
|
|
632
|
+
|
|
633
|
+
@utility t6-static-medium {
|
|
634
|
+
font-size: var(--seed-font-size-t6-static);
|
|
635
|
+
line-height: var(--seed-line-height-t6-static);
|
|
636
|
+
font-weight: var(--seed-font-weight-medium);
|
|
637
|
+
}
|
|
638
|
+
|
|
639
|
+
@utility t6-static-bold {
|
|
640
|
+
font-size: var(--seed-font-size-t6-static);
|
|
641
|
+
line-height: var(--seed-line-height-t6-static);
|
|
642
|
+
font-weight: var(--seed-font-weight-bold);
|
|
643
|
+
}
|
|
644
|
+
|
|
645
|
+
@utility t7-static-regular {
|
|
646
|
+
font-size: var(--seed-font-size-t7-static);
|
|
647
|
+
line-height: var(--seed-line-height-t7-static);
|
|
648
|
+
font-weight: var(--seed-font-weight-regular);
|
|
649
|
+
}
|
|
650
|
+
|
|
651
|
+
@utility t7-static-medium {
|
|
652
|
+
font-size: var(--seed-font-size-t7-static);
|
|
653
|
+
line-height: var(--seed-line-height-t7-static);
|
|
654
|
+
font-weight: var(--seed-font-weight-medium);
|
|
655
|
+
}
|
|
656
|
+
|
|
657
|
+
@utility t7-static-bold {
|
|
658
|
+
font-size: var(--seed-font-size-t7-static);
|
|
659
|
+
line-height: var(--seed-line-height-t7-static);
|
|
660
|
+
font-weight: var(--seed-font-weight-bold);
|
|
661
|
+
}
|
|
662
|
+
|
|
663
|
+
@utility t8-static-bold {
|
|
664
|
+
font-size: var(--seed-font-size-t8-static);
|
|
665
|
+
line-height: var(--seed-line-height-t8-static);
|
|
666
|
+
font-weight: var(--seed-font-weight-bold);
|
|
667
|
+
}
|
|
668
|
+
|
|
669
|
+
@utility t9-static-bold {
|
|
670
|
+
font-size: var(--seed-font-size-t9-static);
|
|
671
|
+
line-height: var(--seed-line-height-t9-static);
|
|
672
|
+
font-weight: var(--seed-font-weight-bold);
|
|
673
|
+
}
|
|
674
|
+
|
|
675
|
+
@utility t10-static-bold {
|
|
676
|
+
font-size: var(--seed-font-size-t10-static);
|
|
677
|
+
line-height: var(--seed-line-height-t10-static);
|
|
678
|
+
font-weight: var(--seed-font-weight-bold);
|
|
679
|
+
}
|
|
680
|
+
|
|
519
681
|
@utility size-* {
|
|
520
682
|
width: --value(--dimension-*);
|
|
521
683
|
height: --value(--dimension-*);
|
|
@@ -645,18 +807,18 @@
|
|
|
645
807
|
background-image: linear-gradient(--value([angle]), var(--gradient-stops-glow-magic-pressed));
|
|
646
808
|
}
|
|
647
809
|
|
|
648
|
-
@utility bg-gradient-
|
|
649
|
-
background-image: linear-gradient(--value([angle]), var(--gradient-stops-
|
|
650
|
-
}
|
|
651
|
-
|
|
652
|
-
@utility bg-gradient-shimmer-magic-* {
|
|
653
|
-
background-image: linear-gradient(--value([angle]), var(--gradient-stops-shimmer-magic));
|
|
810
|
+
@utility bg-gradient-highlight-magic-* {
|
|
811
|
+
background-image: linear-gradient(--value([angle]), var(--gradient-stops-highlight-magic));
|
|
654
812
|
}
|
|
655
813
|
|
|
656
814
|
@utility bg-gradient-highlight-magic-pressed-* {
|
|
657
815
|
background-image: linear-gradient(--value([angle]), var(--gradient-stops-highlight-magic-pressed));
|
|
658
816
|
}
|
|
659
817
|
|
|
660
|
-
@utility bg-gradient-
|
|
661
|
-
background-image: linear-gradient(--value([angle]), var(--gradient-stops-
|
|
818
|
+
@utility bg-gradient-shimmer-magic-* {
|
|
819
|
+
background-image: linear-gradient(--value([angle]), var(--gradient-stops-shimmer-magic));
|
|
820
|
+
}
|
|
821
|
+
|
|
822
|
+
@utility bg-gradient-shimmer-neutral-* {
|
|
823
|
+
background-image: linear-gradient(--value([angle]), var(--gradient-stops-shimmer-neutral));
|
|
662
824
|
}
|