@seed-design/tailwind4-theme 0.1.6 → 0.1.14
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 +61 -55
- package/package.json +1 -1
package/index.css
CHANGED
|
@@ -97,30 +97,34 @@
|
|
|
97
97
|
--color-palette-yellow-800: var(--seed-color-palette-yellow-800);
|
|
98
98
|
--color-palette-yellow-900: var(--seed-color-palette-yellow-900);
|
|
99
99
|
--color-palette-yellow-1000: var(--seed-color-palette-yellow-1000);
|
|
100
|
+
--color-fg-neutral: var(--seed-color-fg-neutral);
|
|
100
101
|
--color-fg-brand: var(--seed-color-fg-brand);
|
|
101
102
|
--color-fg-critical: var(--seed-color-fg-critical);
|
|
102
|
-
--color-fg-
|
|
103
|
+
--color-fg-positive: var(--seed-color-fg-positive);
|
|
104
|
+
--color-fg-warning: var(--seed-color-fg-warning);
|
|
103
105
|
--color-fg-informative: var(--seed-color-fg-informative);
|
|
104
|
-
--color-fg-neutral: var(--seed-color-fg-neutral);
|
|
105
106
|
--color-fg-placeholder: var(--seed-color-fg-placeholder);
|
|
106
|
-
--color-fg-
|
|
107
|
+
--color-fg-disabled: var(--seed-color-fg-disabled);
|
|
108
|
+
--color-fg-brand-contrast: var(--seed-color-fg-brand-contrast);
|
|
107
109
|
--color-fg-critical-contrast: var(--seed-color-fg-critical-contrast);
|
|
108
110
|
--color-fg-informative-contrast: var(--seed-color-fg-informative-contrast);
|
|
109
|
-
--color-fg-neutral-inverted: var(--seed-color-fg-neutral-inverted);
|
|
110
111
|
--color-fg-neutral-muted: var(--seed-color-fg-neutral-muted);
|
|
111
112
|
--color-fg-neutral-subtle: var(--seed-color-fg-neutral-subtle);
|
|
113
|
+
--color-fg-neutral-inverted: var(--seed-color-fg-neutral-inverted);
|
|
112
114
|
--color-fg-positive-contrast: var(--seed-color-fg-positive-contrast);
|
|
113
115
|
--color-fg-warning-contrast: var(--seed-color-fg-warning-contrast);
|
|
114
|
-
--color-bg-disabled: var(--seed-color-bg-disabled);
|
|
115
116
|
--color-bg-overlay: var(--seed-color-bg-overlay);
|
|
117
|
+
--color-bg-disabled: var(--seed-color-bg-disabled);
|
|
118
|
+
--color-bg-brand-weak: var(--seed-color-bg-brand-weak);
|
|
116
119
|
--color-bg-brand-solid: var(--seed-color-bg-brand-solid);
|
|
117
120
|
--color-bg-brand-solid-pressed: var(--seed-color-bg-brand-solid-pressed);
|
|
118
|
-
--color-bg-
|
|
121
|
+
--color-bg-brand-weak-pressed: var(--seed-color-bg-brand-weak-pressed);
|
|
119
122
|
--color-bg-critical-weak: var(--seed-color-bg-critical-weak);
|
|
123
|
+
--color-bg-critical-solid: var(--seed-color-bg-critical-solid);
|
|
120
124
|
--color-bg-critical-solid-pressed: var(--seed-color-bg-critical-solid-pressed);
|
|
121
125
|
--color-bg-critical-weak-pressed: var(--seed-color-bg-critical-weak-pressed);
|
|
122
|
-
--color-bg-informative-solid: var(--seed-color-bg-informative-solid);
|
|
123
126
|
--color-bg-informative-weak: var(--seed-color-bg-informative-weak);
|
|
127
|
+
--color-bg-informative-solid: var(--seed-color-bg-informative-solid);
|
|
124
128
|
--color-bg-informative-solid-pressed: var(--seed-color-bg-informative-solid-pressed);
|
|
125
129
|
--color-bg-informative-weak-pressed: var(--seed-color-bg-informative-weak-pressed);
|
|
126
130
|
--color-bg-layer-basement: var(--seed-color-bg-layer-basement);
|
|
@@ -130,43 +134,45 @@
|
|
|
130
134
|
--color-bg-layer-default-pressed: var(--seed-color-bg-layer-default-pressed);
|
|
131
135
|
--color-bg-layer-floating-pressed: var(--seed-color-bg-layer-floating-pressed);
|
|
132
136
|
--color-bg-magic-weak: var(--seed-color-bg-magic-weak);
|
|
137
|
+
--color-bg-neutral-weak: var(--seed-color-bg-neutral-weak);
|
|
133
138
|
--color-bg-neutral-inverted: var(--seed-color-bg-neutral-inverted);
|
|
134
139
|
--color-bg-neutral-solid: var(--seed-color-bg-neutral-solid);
|
|
135
|
-
--color-bg-neutral-weak: var(--seed-color-bg-neutral-weak);
|
|
136
140
|
--color-bg-neutral-inverted-pressed: var(--seed-color-bg-neutral-inverted-pressed);
|
|
137
141
|
--color-bg-neutral-solid-muted: var(--seed-color-bg-neutral-solid-muted);
|
|
138
142
|
--color-bg-neutral-solid-muted-pressed: var(--seed-color-bg-neutral-solid-muted-pressed);
|
|
139
143
|
--color-bg-neutral-weak-pressed: var(--seed-color-bg-neutral-weak-pressed);
|
|
140
144
|
--color-bg-overlay-muted: var(--seed-color-bg-overlay-muted);
|
|
141
|
-
--color-bg-positive-solid: var(--seed-color-bg-positive-solid);
|
|
142
145
|
--color-bg-positive-weak: var(--seed-color-bg-positive-weak);
|
|
146
|
+
--color-bg-positive-solid: var(--seed-color-bg-positive-solid);
|
|
143
147
|
--color-bg-positive-solid-pressed: var(--seed-color-bg-positive-solid-pressed);
|
|
144
148
|
--color-bg-positive-weak-pressed: var(--seed-color-bg-positive-weak-pressed);
|
|
145
|
-
--color-bg-warning-solid: var(--seed-color-bg-warning-solid);
|
|
146
149
|
--color-bg-warning-weak: var(--seed-color-bg-warning-weak);
|
|
150
|
+
--color-bg-warning-solid: var(--seed-color-bg-warning-solid);
|
|
151
|
+
--color-bg-warning-solid-pressed: var(--seed-color-bg-warning-solid-pressed);
|
|
147
152
|
--color-bg-warning-weak-pressed: var(--seed-color-bg-warning-weak-pressed);
|
|
153
|
+
--color-stroke-neutral: var(--seed-color-stroke-neutral);
|
|
148
154
|
--color-stroke-brand: var(--seed-color-stroke-brand);
|
|
149
|
-
--color-stroke-
|
|
155
|
+
--color-stroke-positive: var(--seed-color-stroke-positive);
|
|
156
|
+
--color-stroke-informative: var(--seed-color-stroke-informative);
|
|
157
|
+
--color-stroke-warning: var(--seed-color-stroke-warning);
|
|
150
158
|
--color-stroke-critical: var(--seed-color-stroke-critical);
|
|
151
159
|
--color-stroke-field: var(--seed-color-stroke-field);
|
|
152
|
-
--color-stroke-
|
|
153
|
-
--color-stroke-neutral: var(--seed-color-stroke-neutral);
|
|
154
|
-
--color-stroke-positive: var(--seed-color-stroke-positive);
|
|
160
|
+
--color-stroke-control: var(--seed-color-stroke-control);
|
|
155
161
|
--color-stroke-field-focused: var(--seed-color-stroke-field-focused);
|
|
156
162
|
--color-stroke-neutral-muted: var(--seed-color-stroke-neutral-muted);
|
|
157
163
|
--color-stroke-on-image: var(--seed-color-stroke-on-image);
|
|
158
|
-
--color-manner-temp-l1-bg: var(--seed-color-manner-temp-l1-bg);
|
|
159
164
|
--color-manner-temp-l1-text: var(--seed-color-manner-temp-l1-text);
|
|
160
|
-
--color-manner-temp-l2-bg: var(--seed-color-manner-temp-l2-bg);
|
|
161
165
|
--color-manner-temp-l2-text: var(--seed-color-manner-temp-l2-text);
|
|
162
|
-
--color-manner-temp-l3-bg: var(--seed-color-manner-temp-l3-bg);
|
|
163
166
|
--color-manner-temp-l3-text: var(--seed-color-manner-temp-l3-text);
|
|
164
|
-
--color-manner-temp-l4-bg: var(--seed-color-manner-temp-l4-bg);
|
|
165
167
|
--color-manner-temp-l4-text: var(--seed-color-manner-temp-l4-text);
|
|
166
|
-
--color-manner-temp-
|
|
168
|
+
--color-manner-temp-l4-bg: var(--seed-color-manner-temp-l4-bg);
|
|
167
169
|
--color-manner-temp-l5-text: var(--seed-color-manner-temp-l5-text);
|
|
168
|
-
--color-manner-temp-l6-bg: var(--seed-color-manner-temp-l6-bg);
|
|
169
170
|
--color-manner-temp-l6-text: var(--seed-color-manner-temp-l6-text);
|
|
171
|
+
--color-manner-temp-l1-bg: var(--seed-color-manner-temp-l1-bg);
|
|
172
|
+
--color-manner-temp-l2-bg: var(--seed-color-manner-temp-l2-bg);
|
|
173
|
+
--color-manner-temp-l3-bg: var(--seed-color-manner-temp-l3-bg);
|
|
174
|
+
--color-manner-temp-l5-bg: var(--seed-color-manner-temp-l5-bg);
|
|
175
|
+
--color-manner-temp-l6-bg: var(--seed-color-manner-temp-l6-bg);
|
|
170
176
|
--dimension-x0_5: var(--seed-dimension-x0_5);
|
|
171
177
|
--dimension-x1: var(--seed-dimension-x1);
|
|
172
178
|
--dimension-x1_5: var(--seed-dimension-x1_5);
|
|
@@ -217,11 +223,11 @@
|
|
|
217
223
|
--gradient-fade-layer-floating: var(--seed-gradient-fade-layer-floating);
|
|
218
224
|
--gradient-fade-layer-default: var(--seed-gradient-fade-layer-default);
|
|
219
225
|
--gradient-glow-magic: var(--seed-gradient-glow-magic);
|
|
220
|
-
--gradient-shimmer-magic: var(--seed-gradient-shimmer-magic);
|
|
221
226
|
--gradient-glow-magic-pressed: var(--seed-gradient-glow-magic-pressed);
|
|
222
227
|
--gradient-shimmer-neutral: var(--seed-gradient-shimmer-neutral);
|
|
223
|
-
--gradient-
|
|
228
|
+
--gradient-shimmer-magic: var(--seed-gradient-shimmer-magic);
|
|
224
229
|
--gradient-highlight-magic-pressed: var(--seed-gradient-highlight-magic-pressed);
|
|
230
|
+
--gradient-highlight-magic: var(--seed-gradient-highlight-magic);
|
|
225
231
|
--line-height-t1: var(--seed-line-height-t1);
|
|
226
232
|
--line-height-t2: var(--seed-line-height-t2);
|
|
227
233
|
--line-height-t3: var(--seed-line-height-t3);
|
|
@@ -250,13 +256,13 @@
|
|
|
250
256
|
--timing-function-enter-expressive: var(--seed-timing-function-enter-expressive);
|
|
251
257
|
--timing-function-exit-expressive: var(--seed-timing-function-exit-expressive);
|
|
252
258
|
--gradient-stops-fade-layer-floating: #ffffff00 0.00%, #000000 100.00%;
|
|
253
|
-
--gradient-stops-fade-layer-default: #
|
|
259
|
+
--gradient-stops-fade-layer-default: #000000 0.00%, #ffffff00 100.00%;
|
|
254
260
|
--gradient-stops-glow-magic: #fef6f7 0.00%, #fef0e7 80.00%, #f9f7f5 100.00%;
|
|
255
|
-
--gradient-stops-shimmer-magic: #fff9f500 0.00%, #fff9f58a 46.00%, #fff9f58a 54.00%, #fff9f500 100.00%;
|
|
256
261
|
--gradient-stops-glow-magic-pressed: #fbf0f2 0.00%, #ffe8db 80.00%, #f5f2ef 100.00%;
|
|
257
262
|
--gradient-stops-shimmer-neutral: #ffffff00 0.00%, #ffffff66 46.00%, #ffffff66 54.00%, #ffffff00 100.00%;
|
|
258
|
-
--gradient-stops-
|
|
263
|
+
--gradient-stops-shimmer-magic: #fff9f500 0.00%, #fff9f58a 46.00%, #fff9f58a 54.00%, #fff9f500 100.00%;
|
|
259
264
|
--gradient-stops-highlight-magic-pressed: #e14f00 20.00%, #ae58bf 100.00%;
|
|
265
|
+
--gradient-stops-highlight-magic: #ff6600 20.00%, #d25aca 100.00%;
|
|
260
266
|
--gradient-fade-layer-floating-to-t: linear-gradient(to top, #ffffff00 0.00%, #000000 100.00%);
|
|
261
267
|
--gradient-fade-layer-floating-to-tr: linear-gradient(to top right, #ffffff00 0.00%, #000000 100.00%);
|
|
262
268
|
--gradient-fade-layer-floating-to-r: linear-gradient(to right, #ffffff00 0.00%, #000000 100.00%);
|
|
@@ -265,14 +271,14 @@
|
|
|
265
271
|
--gradient-fade-layer-floating-to-bl: linear-gradient(to bottom left, #ffffff00 0.00%, #000000 100.00%);
|
|
266
272
|
--gradient-fade-layer-floating-to-l: linear-gradient(to left, #ffffff00 0.00%, #000000 100.00%);
|
|
267
273
|
--gradient-fade-layer-floating-to-tl: linear-gradient(to top left, #ffffff00 0.00%, #000000 100.00%);
|
|
268
|
-
--gradient-fade-layer-default-to-t: linear-gradient(to top, #
|
|
269
|
-
--gradient-fade-layer-default-to-tr: linear-gradient(to top right, #
|
|
270
|
-
--gradient-fade-layer-default-to-r: linear-gradient(to right, #
|
|
271
|
-
--gradient-fade-layer-default-to-br: linear-gradient(to bottom right, #
|
|
272
|
-
--gradient-fade-layer-default-to-b: linear-gradient(to bottom, #
|
|
273
|
-
--gradient-fade-layer-default-to-bl: linear-gradient(to bottom left, #
|
|
274
|
-
--gradient-fade-layer-default-to-l: linear-gradient(to left, #
|
|
275
|
-
--gradient-fade-layer-default-to-tl: linear-gradient(to top left, #
|
|
274
|
+
--gradient-fade-layer-default-to-t: linear-gradient(to top, #000000 0.00%, #ffffff00 100.00%);
|
|
275
|
+
--gradient-fade-layer-default-to-tr: linear-gradient(to top right, #000000 0.00%, #ffffff00 100.00%);
|
|
276
|
+
--gradient-fade-layer-default-to-r: linear-gradient(to right, #000000 0.00%, #ffffff00 100.00%);
|
|
277
|
+
--gradient-fade-layer-default-to-br: linear-gradient(to bottom right, #000000 0.00%, #ffffff00 100.00%);
|
|
278
|
+
--gradient-fade-layer-default-to-b: linear-gradient(to bottom, #000000 0.00%, #ffffff00 100.00%);
|
|
279
|
+
--gradient-fade-layer-default-to-bl: linear-gradient(to bottom left, #000000 0.00%, #ffffff00 100.00%);
|
|
280
|
+
--gradient-fade-layer-default-to-l: linear-gradient(to left, #000000 0.00%, #ffffff00 100.00%);
|
|
281
|
+
--gradient-fade-layer-default-to-tl: linear-gradient(to top left, #000000 0.00%, #ffffff00 100.00%);
|
|
276
282
|
--gradient-glow-magic-to-t: linear-gradient(to top, #fef6f7 0.00%, #fef0e7 80.00%, #f9f7f5 100.00%);
|
|
277
283
|
--gradient-glow-magic-to-tr: linear-gradient(to top right, #fef6f7 0.00%, #fef0e7 80.00%, #f9f7f5 100.00%);
|
|
278
284
|
--gradient-glow-magic-to-r: linear-gradient(to right, #fef6f7 0.00%, #fef0e7 80.00%, #f9f7f5 100.00%);
|
|
@@ -281,14 +287,6 @@
|
|
|
281
287
|
--gradient-glow-magic-to-bl: linear-gradient(to bottom left, #fef6f7 0.00%, #fef0e7 80.00%, #f9f7f5 100.00%);
|
|
282
288
|
--gradient-glow-magic-to-l: linear-gradient(to left, #fef6f7 0.00%, #fef0e7 80.00%, #f9f7f5 100.00%);
|
|
283
289
|
--gradient-glow-magic-to-tl: linear-gradient(to top left, #fef6f7 0.00%, #fef0e7 80.00%, #f9f7f5 100.00%);
|
|
284
|
-
--gradient-shimmer-magic-to-t: linear-gradient(to top, #fff9f500 0.00%, #fff9f58a 46.00%, #fff9f58a 54.00%, #fff9f500 100.00%);
|
|
285
|
-
--gradient-shimmer-magic-to-tr: linear-gradient(to top right, #fff9f500 0.00%, #fff9f58a 46.00%, #fff9f58a 54.00%, #fff9f500 100.00%);
|
|
286
|
-
--gradient-shimmer-magic-to-r: linear-gradient(to right, #fff9f500 0.00%, #fff9f58a 46.00%, #fff9f58a 54.00%, #fff9f500 100.00%);
|
|
287
|
-
--gradient-shimmer-magic-to-br: linear-gradient(to bottom right, #fff9f500 0.00%, #fff9f58a 46.00%, #fff9f58a 54.00%, #fff9f500 100.00%);
|
|
288
|
-
--gradient-shimmer-magic-to-b: linear-gradient(to bottom, #fff9f500 0.00%, #fff9f58a 46.00%, #fff9f58a 54.00%, #fff9f500 100.00%);
|
|
289
|
-
--gradient-shimmer-magic-to-bl: linear-gradient(to bottom left, #fff9f500 0.00%, #fff9f58a 46.00%, #fff9f58a 54.00%, #fff9f500 100.00%);
|
|
290
|
-
--gradient-shimmer-magic-to-l: linear-gradient(to left, #fff9f500 0.00%, #fff9f58a 46.00%, #fff9f58a 54.00%, #fff9f500 100.00%);
|
|
291
|
-
--gradient-shimmer-magic-to-tl: linear-gradient(to top left, #fff9f500 0.00%, #fff9f58a 46.00%, #fff9f58a 54.00%, #fff9f500 100.00%);
|
|
292
290
|
--gradient-glow-magic-pressed-to-t: linear-gradient(to top, #fbf0f2 0.00%, #ffe8db 80.00%, #f5f2ef 100.00%);
|
|
293
291
|
--gradient-glow-magic-pressed-to-tr: linear-gradient(to top right, #fbf0f2 0.00%, #ffe8db 80.00%, #f5f2ef 100.00%);
|
|
294
292
|
--gradient-glow-magic-pressed-to-r: linear-gradient(to right, #fbf0f2 0.00%, #ffe8db 80.00%, #f5f2ef 100.00%);
|
|
@@ -305,14 +303,14 @@
|
|
|
305
303
|
--gradient-shimmer-neutral-to-bl: linear-gradient(to bottom left, #ffffff00 0.00%, #ffffff66 46.00%, #ffffff66 54.00%, #ffffff00 100.00%);
|
|
306
304
|
--gradient-shimmer-neutral-to-l: linear-gradient(to left, #ffffff00 0.00%, #ffffff66 46.00%, #ffffff66 54.00%, #ffffff00 100.00%);
|
|
307
305
|
--gradient-shimmer-neutral-to-tl: linear-gradient(to top left, #ffffff00 0.00%, #ffffff66 46.00%, #ffffff66 54.00%, #ffffff00 100.00%);
|
|
308
|
-
--gradient-
|
|
309
|
-
--gradient-
|
|
310
|
-
--gradient-
|
|
311
|
-
--gradient-
|
|
312
|
-
--gradient-
|
|
313
|
-
--gradient-
|
|
314
|
-
--gradient-
|
|
315
|
-
--gradient-
|
|
306
|
+
--gradient-shimmer-magic-to-t: linear-gradient(to top, #fff9f500 0.00%, #fff9f58a 46.00%, #fff9f58a 54.00%, #fff9f500 100.00%);
|
|
307
|
+
--gradient-shimmer-magic-to-tr: linear-gradient(to top right, #fff9f500 0.00%, #fff9f58a 46.00%, #fff9f58a 54.00%, #fff9f500 100.00%);
|
|
308
|
+
--gradient-shimmer-magic-to-r: linear-gradient(to right, #fff9f500 0.00%, #fff9f58a 46.00%, #fff9f58a 54.00%, #fff9f500 100.00%);
|
|
309
|
+
--gradient-shimmer-magic-to-br: linear-gradient(to bottom right, #fff9f500 0.00%, #fff9f58a 46.00%, #fff9f58a 54.00%, #fff9f500 100.00%);
|
|
310
|
+
--gradient-shimmer-magic-to-b: linear-gradient(to bottom, #fff9f500 0.00%, #fff9f58a 46.00%, #fff9f58a 54.00%, #fff9f500 100.00%);
|
|
311
|
+
--gradient-shimmer-magic-to-bl: linear-gradient(to bottom left, #fff9f500 0.00%, #fff9f58a 46.00%, #fff9f58a 54.00%, #fff9f500 100.00%);
|
|
312
|
+
--gradient-shimmer-magic-to-l: linear-gradient(to left, #fff9f500 0.00%, #fff9f58a 46.00%, #fff9f58a 54.00%, #fff9f500 100.00%);
|
|
313
|
+
--gradient-shimmer-magic-to-tl: linear-gradient(to top left, #fff9f500 0.00%, #fff9f58a 46.00%, #fff9f58a 54.00%, #fff9f500 100.00%);
|
|
316
314
|
--gradient-highlight-magic-pressed-to-t: linear-gradient(to top, #e14f00 20.00%, #ae58bf 100.00%);
|
|
317
315
|
--gradient-highlight-magic-pressed-to-tr: linear-gradient(to top right, #e14f00 20.00%, #ae58bf 100.00%);
|
|
318
316
|
--gradient-highlight-magic-pressed-to-r: linear-gradient(to right, #e14f00 20.00%, #ae58bf 100.00%);
|
|
@@ -321,6 +319,14 @@
|
|
|
321
319
|
--gradient-highlight-magic-pressed-to-bl: linear-gradient(to bottom left, #e14f00 20.00%, #ae58bf 100.00%);
|
|
322
320
|
--gradient-highlight-magic-pressed-to-l: linear-gradient(to left, #e14f00 20.00%, #ae58bf 100.00%);
|
|
323
321
|
--gradient-highlight-magic-pressed-to-tl: linear-gradient(to top left, #e14f00 20.00%, #ae58bf 100.00%);
|
|
322
|
+
--gradient-highlight-magic-to-t: linear-gradient(to top, #ff6600 20.00%, #d25aca 100.00%);
|
|
323
|
+
--gradient-highlight-magic-to-tr: linear-gradient(to top right, #ff6600 20.00%, #d25aca 100.00%);
|
|
324
|
+
--gradient-highlight-magic-to-r: linear-gradient(to right, #ff6600 20.00%, #d25aca 100.00%);
|
|
325
|
+
--gradient-highlight-magic-to-br: linear-gradient(to bottom right, #ff6600 20.00%, #d25aca 100.00%);
|
|
326
|
+
--gradient-highlight-magic-to-b: linear-gradient(to bottom, #ff6600 20.00%, #d25aca 100.00%);
|
|
327
|
+
--gradient-highlight-magic-to-bl: linear-gradient(to bottom left, #ff6600 20.00%, #d25aca 100.00%);
|
|
328
|
+
--gradient-highlight-magic-to-l: linear-gradient(to left, #ff6600 20.00%, #d25aca 100.00%);
|
|
329
|
+
--gradient-highlight-magic-to-tl: linear-gradient(to top left, #ff6600 20.00%, #d25aca 100.00%);
|
|
324
330
|
}
|
|
325
331
|
|
|
326
332
|
@utility screen-title {
|
|
@@ -600,10 +606,6 @@
|
|
|
600
606
|
background-image: linear-gradient(--value([angle]), var(--gradient-stops-glow-magic));
|
|
601
607
|
}
|
|
602
608
|
|
|
603
|
-
@utility bg-gradient-shimmer-magic-* {
|
|
604
|
-
background-image: linear-gradient(--value([angle]), var(--gradient-stops-shimmer-magic));
|
|
605
|
-
}
|
|
606
|
-
|
|
607
609
|
@utility bg-gradient-glow-magic-pressed-* {
|
|
608
610
|
background-image: linear-gradient(--value([angle]), var(--gradient-stops-glow-magic-pressed));
|
|
609
611
|
}
|
|
@@ -612,10 +614,14 @@
|
|
|
612
614
|
background-image: linear-gradient(--value([angle]), var(--gradient-stops-shimmer-neutral));
|
|
613
615
|
}
|
|
614
616
|
|
|
615
|
-
@utility bg-gradient-
|
|
616
|
-
background-image: linear-gradient(--value([angle]), var(--gradient-stops-
|
|
617
|
+
@utility bg-gradient-shimmer-magic-* {
|
|
618
|
+
background-image: linear-gradient(--value([angle]), var(--gradient-stops-shimmer-magic));
|
|
617
619
|
}
|
|
618
620
|
|
|
619
621
|
@utility bg-gradient-highlight-magic-pressed-* {
|
|
620
622
|
background-image: linear-gradient(--value([angle]), var(--gradient-stops-highlight-magic-pressed));
|
|
623
|
+
}
|
|
624
|
+
|
|
625
|
+
@utility bg-gradient-highlight-magic-* {
|
|
626
|
+
background-image: linear-gradient(--value([angle]), var(--gradient-stops-highlight-magic));
|
|
621
627
|
}
|