@seed-design/tailwind4-theme 2.3.0 → 2.4.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/index.css +14 -0
- package/package.json +1 -1
package/index.css
CHANGED
|
@@ -262,6 +262,7 @@
|
|
|
262
262
|
--font-weight-regular: var(--seed-font-weight-regular);
|
|
263
263
|
--font-weight-medium: var(--seed-font-weight-medium);
|
|
264
264
|
--font-weight-bold: var(--seed-font-weight-bold);
|
|
265
|
+
--gradient-fade-mask: var(--seed-gradient-fade-mask);
|
|
265
266
|
--gradient-glow-magic: var(--seed-gradient-glow-magic);
|
|
266
267
|
--gradient-glow-magic-pressed: var(--seed-gradient-glow-magic-pressed);
|
|
267
268
|
--gradient-highlight-magic: var(--seed-gradient-highlight-magic);
|
|
@@ -320,12 +321,21 @@
|
|
|
320
321
|
--timing-function-enter-expressive: var(--seed-timing-function-enter-expressive);
|
|
321
322
|
--timing-function-exit-expressive: var(--seed-timing-function-exit-expressive);
|
|
322
323
|
--timing-function-pressed-scale: var(--seed-timing-function-pressed-scale);
|
|
324
|
+
--gradient-stops-fade-mask: #00000000 0.00%, #00000003 8.00%, #00000005 16.00%, #0000000d 22.00%, #00000014 29.00%, #00000021 35.00%, #0000002e 41.00%, #00000040 47.00%, #00000052 53.00%, #00000066 59.00%, #0000007a 65.00%, #00000094 71.00%, #000000ab 78.00%, #000000c7 84.00%, #000000e3 92.00%, #000000ff 100.00%;
|
|
323
325
|
--gradient-stops-glow-magic: #fef6f7 0.00%, #fef0e7 80.00%, #f9f7f5 100.00%;
|
|
324
326
|
--gradient-stops-glow-magic-pressed: #fbf0f2 0.00%, #ffe8db 80.00%, #f5f2ef 100.00%;
|
|
325
327
|
--gradient-stops-highlight-magic: #ff6600 20.00%, #d25aca 100.00%;
|
|
326
328
|
--gradient-stops-highlight-magic-pressed: #e14f00 20.00%, #ae58bf 100.00%;
|
|
327
329
|
--gradient-stops-shimmer-magic: #fff9f500 0.00%, #fff9f5cc 46.00%, #fff9f5cc 54.00%, #fff9f500 100.00%;
|
|
328
330
|
--gradient-stops-shimmer-neutral: #ffffff00 0.00%, #ffffffab 46.00%, #ffffffab 54.00%, #ffffff00 100.00%;
|
|
331
|
+
--gradient-fade-mask-to-t: linear-gradient(to top, #00000000 0.00%, #00000003 8.00%, #00000005 16.00%, #0000000d 22.00%, #00000014 29.00%, #00000021 35.00%, #0000002e 41.00%, #00000040 47.00%, #00000052 53.00%, #00000066 59.00%, #0000007a 65.00%, #00000094 71.00%, #000000ab 78.00%, #000000c7 84.00%, #000000e3 92.00%, #000000ff 100.00%);
|
|
332
|
+
--gradient-fade-mask-to-tr: linear-gradient(to top right, #00000000 0.00%, #00000003 8.00%, #00000005 16.00%, #0000000d 22.00%, #00000014 29.00%, #00000021 35.00%, #0000002e 41.00%, #00000040 47.00%, #00000052 53.00%, #00000066 59.00%, #0000007a 65.00%, #00000094 71.00%, #000000ab 78.00%, #000000c7 84.00%, #000000e3 92.00%, #000000ff 100.00%);
|
|
333
|
+
--gradient-fade-mask-to-r: linear-gradient(to right, #00000000 0.00%, #00000003 8.00%, #00000005 16.00%, #0000000d 22.00%, #00000014 29.00%, #00000021 35.00%, #0000002e 41.00%, #00000040 47.00%, #00000052 53.00%, #00000066 59.00%, #0000007a 65.00%, #00000094 71.00%, #000000ab 78.00%, #000000c7 84.00%, #000000e3 92.00%, #000000ff 100.00%);
|
|
334
|
+
--gradient-fade-mask-to-br: linear-gradient(to bottom right, #00000000 0.00%, #00000003 8.00%, #00000005 16.00%, #0000000d 22.00%, #00000014 29.00%, #00000021 35.00%, #0000002e 41.00%, #00000040 47.00%, #00000052 53.00%, #00000066 59.00%, #0000007a 65.00%, #00000094 71.00%, #000000ab 78.00%, #000000c7 84.00%, #000000e3 92.00%, #000000ff 100.00%);
|
|
335
|
+
--gradient-fade-mask-to-b: linear-gradient(to bottom, #00000000 0.00%, #00000003 8.00%, #00000005 16.00%, #0000000d 22.00%, #00000014 29.00%, #00000021 35.00%, #0000002e 41.00%, #00000040 47.00%, #00000052 53.00%, #00000066 59.00%, #0000007a 65.00%, #00000094 71.00%, #000000ab 78.00%, #000000c7 84.00%, #000000e3 92.00%, #000000ff 100.00%);
|
|
336
|
+
--gradient-fade-mask-to-bl: linear-gradient(to bottom left, #00000000 0.00%, #00000003 8.00%, #00000005 16.00%, #0000000d 22.00%, #00000014 29.00%, #00000021 35.00%, #0000002e 41.00%, #00000040 47.00%, #00000052 53.00%, #00000066 59.00%, #0000007a 65.00%, #00000094 71.00%, #000000ab 78.00%, #000000c7 84.00%, #000000e3 92.00%, #000000ff 100.00%);
|
|
337
|
+
--gradient-fade-mask-to-l: linear-gradient(to left, #00000000 0.00%, #00000003 8.00%, #00000005 16.00%, #0000000d 22.00%, #00000014 29.00%, #00000021 35.00%, #0000002e 41.00%, #00000040 47.00%, #00000052 53.00%, #00000066 59.00%, #0000007a 65.00%, #00000094 71.00%, #000000ab 78.00%, #000000c7 84.00%, #000000e3 92.00%, #000000ff 100.00%);
|
|
338
|
+
--gradient-fade-mask-to-tl: linear-gradient(to top left, #00000000 0.00%, #00000003 8.00%, #00000005 16.00%, #0000000d 22.00%, #00000014 29.00%, #00000021 35.00%, #0000002e 41.00%, #00000040 47.00%, #00000052 53.00%, #00000066 59.00%, #0000007a 65.00%, #00000094 71.00%, #000000ab 78.00%, #000000c7 84.00%, #000000e3 92.00%, #000000ff 100.00%);
|
|
329
339
|
--gradient-glow-magic-to-t: linear-gradient(to top, #fef6f7 0.00%, #fef0e7 80.00%, #f9f7f5 100.00%);
|
|
330
340
|
--gradient-glow-magic-to-tr: linear-gradient(to top right, #fef6f7 0.00%, #fef0e7 80.00%, #f9f7f5 100.00%);
|
|
331
341
|
--gradient-glow-magic-to-r: linear-gradient(to right, #fef6f7 0.00%, #fef0e7 80.00%, #f9f7f5 100.00%);
|
|
@@ -1011,6 +1021,10 @@
|
|
|
1011
1021
|
box-shadow: --value(--shadow-*);
|
|
1012
1022
|
}
|
|
1013
1023
|
|
|
1024
|
+
@utility bg-gradient-fade-mask-* {
|
|
1025
|
+
background-image: linear-gradient(--value([angle]), var(--gradient-stops-fade-mask));
|
|
1026
|
+
}
|
|
1027
|
+
|
|
1014
1028
|
@utility bg-gradient-glow-magic-* {
|
|
1015
1029
|
background-image: linear-gradient(--value([angle]), var(--gradient-stops-glow-magic));
|
|
1016
1030
|
}
|