@luxfi/core 5.1.5 → 5.1.6

Sign up to get free protection for your applications and to get access to all the features.
Files changed (125) hide show
  1. package/commerce/{AUTO-GEN-bullion-by-family.json → data/AUTO-GEN-bullion-by-family.json} +33 -33
  2. package/commerce/{EDIT-ME-bullion-market-prices.ts → data/EDIT-ME-bullion-market-prices.ts} +11 -11
  3. package/commerce/{assign-prices.ts → data/assign-prices.ts} +49 -49
  4. package/commerce/{assign-videos-by-family-group.ts → data/assign-videos-by-family-group.ts} +14 -14
  5. package/commerce/{bullion-price-1oz.ts → data/bullion-price-1oz.ts} +5 -5
  6. package/commerce/{index.ts → data/index.ts} +18 -18
  7. package/commerce/ui/conf.ts +13 -0
  8. package/commerce/ui/context.tsx +102 -0
  9. package/commerce/ui/store.ts +277 -0
  10. package/components/access-code-input.tsx +71 -71
  11. package/components/auth/auth-listener.tsx +29 -29
  12. package/components/auth/auth-token/clear-auth-token.tsx +12 -12
  13. package/components/auth/auth-token/set-auth-token.tsx +16 -16
  14. package/components/auth/common-auth-domains.ts +16 -16
  15. package/components/auth/login-panel.tsx +107 -104
  16. package/components/chat-widget.tsx +85 -80
  17. package/components/commerce/add-widget.tsx +20 -0
  18. package/components/commerce/bag-button.tsx +98 -98
  19. package/components/commerce/buy-button.tsx +34 -0
  20. package/components/commerce/checkout-button.tsx +129 -116
  21. package/components/commerce/checkout-panel/close-button.tsx +26 -26
  22. package/components/commerce/checkout-panel/dt-bag-carousel.tsx +36 -36
  23. package/components/commerce/checkout-panel/dt-checkout-panel.tsx +66 -66
  24. package/components/commerce/checkout-panel/index.tsx +129 -124
  25. package/components/commerce/checkout-panel/links-row.tsx +21 -21
  26. package/components/commerce/checkout-panel/mb-checkout-panel.tsx +54 -54
  27. package/components/commerce/checkout-panel/steps-indicator.tsx +39 -39
  28. package/components/commerce/checkout-panel/thank-you.tsx +18 -18
  29. package/components/commerce/checkout-widget/const.ts +13 -13
  30. package/components/commerce/checkout-widget/index.tsx +192 -86
  31. package/components/commerce/checkout-widget/obs-string-set.ts +48 -48
  32. package/components/commerce/checkout-widget/use-anim-clx-set.ts +58 -56
  33. package/components/commerce/desktop-bag-popup.tsx +78 -78
  34. package/components/commerce/drawer/index.tsx +117 -0
  35. package/components/commerce/drawer/micro.tsx +136 -0
  36. package/components/commerce/drawer/shell.tsx +79 -0
  37. package/components/commerce/mobile-bag-drawer.tsx +51 -51
  38. package/components/commerce/mobile-login-button.tsx +100 -100
  39. package/components/commerce/mobile-menu-toggle-button.tsx +35 -35
  40. package/components/commerce/mobile-nav-menu-ai.tsx +97 -97
  41. package/components/commerce/mobile-nav-menu-item.tsx +45 -45
  42. package/components/commerce/mobile-nav-menu.tsx +80 -79
  43. package/components/contact-dialog/contact-form.tsx +113 -112
  44. package/components/contact-dialog/disclaimer.tsx +13 -13
  45. package/components/contact-dialog/index.tsx +64 -64
  46. package/components/copyright.tsx +21 -21
  47. package/components/drawer-margin.tsx +25 -0
  48. package/components/footer.tsx +77 -77
  49. package/components/header/desktop.tsx +54 -54
  50. package/components/header/index.tsx +40 -47
  51. package/components/header/mobile.tsx +165 -165
  52. package/components/header/theme-toggle.tsx +26 -26
  53. package/components/icons/avatar.tsx +11 -11
  54. package/components/icons/bag-icon.tsx +10 -10
  55. package/components/icons/github.tsx +14 -14
  56. package/components/icons/index.tsx +43 -43
  57. package/components/icons/left-arrow.tsx +11 -11
  58. package/components/icons/lux-logo.tsx +10 -10
  59. package/components/icons/right-arrow.tsx +10 -10
  60. package/components/icons/search.tsx +12 -12
  61. package/components/icons/secure-delivery.tsx +13 -13
  62. package/components/icons/social-icon.tsx +35 -35
  63. package/components/icons/social-svg.css +3 -3
  64. package/components/icons/youtube-logo.tsx +59 -59
  65. package/components/index.ts +25 -27
  66. package/components/logo.tsx +81 -81
  67. package/components/main.tsx +27 -0
  68. package/components/mini-chart/index.tsx +7 -7
  69. package/components/mini-chart/mini-chart-props.ts +43 -43
  70. package/components/mini-chart/mini-chart.tsx +85 -85
  71. package/components/mini-chart/wrapper.tsx +23 -23
  72. package/components/not-found/index.tsx +28 -27
  73. package/components/not-found/not-found-content.mdx +5 -5
  74. package/components/scripts.tsx +24 -24
  75. package/conf/index.ts +52 -50
  76. package/{commerce/lux-service-options.ts → conf/lux-commerce-options.ts} +6 -6
  77. package/environment.d.ts +5 -5
  78. package/next/analytics/fpixel.ts +15 -15
  79. package/next/analytics/google-analytics.ts +13 -13
  80. package/next/analytics/index.ts +3 -3
  81. package/next/analytics/pixel-analytics.tsx +54 -54
  82. package/next/font/get-app-router-font-classes.ts +12 -12
  83. package/next/font/load-and-return-lux-next-fonts-on-import.ts +68 -68
  84. package/next/font/next-font-desc.ts +27 -27
  85. package/next/font/pages-router-font-vars.tsx +18 -18
  86. package/next/head-metadata/from-next/metadata-types.ts +158 -158
  87. package/next/head-metadata/from-next/opengraph-types.ts +267 -267
  88. package/next/head-metadata/from-next/twitter-types.ts +92 -92
  89. package/next/head-metadata/index.tsx +208 -208
  90. package/next/middleware/determine-device-mw.ts +16 -16
  91. package/package.json +80 -73
  92. package/root-layout/WHY_THIS_IS_SEPARATE.txt +1 -1
  93. package/root-layout/index.tsx +118 -121
  94. package/server-actions/firebase-app.ts +14 -14
  95. package/server-actions/index.ts +5 -5
  96. package/server-actions/store-contact.ts +51 -51
  97. package/site-def/footer/community.tsx +67 -67
  98. package/site-def/footer/company.ts +37 -37
  99. package/site-def/footer/ecosystem.ts +37 -37
  100. package/site-def/footer/index.tsx +26 -26
  101. package/site-def/footer/legal.ts +28 -28
  102. package/site-def/footer/network.ts +45 -45
  103. package/site-def/footer/svg/warpcast-logo.svg +11 -11
  104. package/site-def/index.ts +2 -2
  105. package/site-def/main-nav.tsx +292 -292
  106. package/style/cart-animation.css +29 -29
  107. package/style/checkout-animation.css +23 -23
  108. package/style/drawer-handle-overrides.css +160 -0
  109. package/style/lux-colors.css +85 -85
  110. package/style/lux-global.css +30 -30
  111. package/tailwind/fontFamily.tailwind.lux.ts +18 -18
  112. package/tailwind/index.ts +2 -2
  113. package/tailwind/lux-tw-fonts.ts +39 -39
  114. package/tailwind/tailwind.config.lux-preset.ts +10 -10
  115. package/tsconfig.json +15 -10
  116. package/types/chatbot-config.ts +6 -6
  117. package/types/chatbot-suggested-question.ts +7 -7
  118. package/types/commerce-config.ts +10 -10
  119. package/types/contact-info.ts +10 -10
  120. package/types/index.ts +5 -5
  121. package/types/site-def.ts +45 -45
  122. package/components/commerce/buy-drawer/drawer.tsx +0 -44
  123. package/components/commerce/buy-drawer/index.tsx +0 -46
  124. package/components/commerce/checkout-widget/use-lagging-item-ref.ts +0 -30
  125. package/components/header/guts.tsx +0 -27
package/site-def/main-nav.tsx CHANGED
@@ -1,292 +1,292 @@
1
- import type { LinkDef } from '@hanzo/ui/types'
2
- import { bag as Bag } from '../components/icons'
3
- import LuxLogo from '../components/icons/lux-logo'
4
-
5
- export interface LinkDefExtended extends LinkDef {
6
- isAIMenu?: boolean
7
- icon?: any,
8
- childMenu?: LinkDef[]
9
-
10
- }
11
-
12
- export default [
13
- {
14
- title: "AI",
15
- icon: <Bag />,
16
- href: "https://lux.chat",
17
- newTab: false,
18
- isAIMenu: true,
19
- },
20
- {
21
- title: "Shop",
22
- icon: <Bag />,
23
- href: "https://lux.shop",
24
- newTab: false,
25
- childMenu: [
26
- {
27
- title: "Silver",
28
- icon: <LuxLogo />,
29
- href: "https://lux.example",
30
- newTab: false,
31
- },
32
- {
33
- title: "Key",
34
- icon: <LuxLogo />,
35
- href: "https://lux.market/key",
36
- newTab: false,
37
- },
38
- {
39
- title: "Validators",
40
- icon: <LuxLogo />,
41
- href: "lux.market/validator",
42
- newTab: false,
43
- },
44
- {
45
- title: "Coins",
46
- icon: <LuxLogo />,
47
- href: "lux.market/coin",
48
- newTab: false,
49
- }
50
- ]
51
- },
52
- {
53
- title: "Credit",
54
- icon: <LuxLogo />,
55
- href: "https://lux.credit",
56
- newTab: false,
57
- childMenu: [
58
- {
59
- title: "View All Cards",
60
- icon: <LuxLogo />,
61
- href: "https://lux.credit",
62
- newTab: false,
63
- },
64
- {
65
- title: "Pass",
66
- icon: <LuxLogo />,
67
- href: "https://lux.credit",
68
- newTab: false,
69
- },
70
- {
71
- title: "Validators",
72
- icon: <LuxLogo />,
73
- href: "https://lux.credit",
74
- newTab: false,
75
- },
76
- {
77
- title: "Coins",
78
- icon: <LuxLogo />,
79
- href: "https://lux.credit",
80
- newTab: false,
81
- },
82
- {
83
- title: "ComPare Cards",
84
- icon: <LuxLogo />,
85
- href: "https://lux.credit",
86
- newTab: false,
87
- }
88
- ]
89
- },
90
- {
91
- title: "Company",
92
- icon: <LuxLogo />,
93
- href: "https://lux.partners",
94
- newTab: false,
95
- childMenu:[
96
- {
97
- title: "About",
98
- icon: <LuxLogo />,
99
- href: "https://lux.partners",
100
- newTab: false,
101
- },
102
- {
103
- title: "Brand",
104
- icon: <LuxLogo />,
105
- href: "https://lux.partners",
106
- newTab: false,
107
- },
108
- {
109
- title: "Open Source",
110
- icon: <LuxLogo />,
111
- href: "https://github.com/luxfi",
112
- newTab: false,
113
- },
114
- {
115
- title: "Careers",
116
- icon: <LuxLogo />,
117
- href: "https://lux.partners",
118
- newTab: false,
119
- },
120
- {
121
- title: "Partnership",
122
- icon: <LuxLogo />,
123
- href: "https://lux.partners",
124
- newTab: false,
125
- },
126
- {
127
- title: "Press",
128
- icon: <LuxLogo />,
129
- href: "https://lux.partners",
130
- newTab: false,
131
- },
132
- {
133
- title: "Help",
134
- icon: <LuxLogo />,
135
- href: "https://lux.partners",
136
- newTab: false,
137
- }
138
- ]
139
- },
140
- {
141
- title: "Ecosystem",
142
- icon: <LuxLogo />,
143
- href: "https://lux.link",
144
- newTab: false,
145
- childMenu:[
146
- {
147
- title: "Market",
148
- icon: <LuxLogo />,
149
- href: "https://lux.link",
150
- newTab: false,
151
- },
152
- {
153
- title: "Exchange",
154
- icon: <LuxLogo />,
155
- href: "https://lux.link",
156
- newTab: false,
157
- },
158
- {
159
- title: "Finance",
160
- icon: <LuxLogo />,
161
- href: "https://lux.link",
162
- newTab: false,
163
- },
164
- {
165
- title: "Shop",
166
- icon: <LuxLogo />,
167
- href: "https://lux.market",
168
- newTab: false,
169
- },
170
- {
171
- title: "AI Chat",
172
- icon: <LuxLogo />,
173
- href: "https://lux.chat",
174
- newTab: false,
175
- },
176
- {
177
- title: "Credit",
178
- icon: <LuxLogo />,
179
- href: "https://lux.credit",
180
- newTab: false,
181
- },
182
- {
183
- title: "Quest",
184
- icon: <LuxLogo />,
185
- href: "https://lux.link",
186
- newTab: false,
187
- }
188
- ]
189
- },
190
- {
191
- title: "Network",
192
- icon: <LuxLogo />,
193
- href: "https://lux.network",
194
- newTab: false,
195
- childMenu:[
196
- {
197
- title: "Bridge",
198
- icon: <LuxLogo />,
199
- href: "https://lux.network",
200
- newTab: false,
201
- },
202
- {
203
- title: "Explorer",
204
- icon: <LuxLogo />,
205
- href: "https://lux.network",
206
- newTab: false,
207
- },
208
- {
209
- title: "Wallet",
210
- icon: <LuxLogo />,
211
- href: "https://lux.network",
212
- newTab: false,
213
- },
214
- {
215
- title: "Safe",
216
- icon: <LuxLogo />,
217
- href: "https://lux.network",
218
- newTab: false,
219
- },
220
- {
221
- title: "Validator",
222
- icon: <LuxLogo />,
223
- href: "https://lux.validator",
224
- newTab: false,
225
- },
226
- {
227
- title: "Coin",
228
- icon: <LuxLogo />,
229
- href: "https://lux.coin",
230
- newTab: false,
231
- },
232
- {
233
- title: "Open Source",
234
- icon: <LuxLogo />,
235
- href: "https://lux.opensource",
236
- newTab: false,
237
- },
238
- {
239
- title: "Launch Subnet",
240
- icon: <LuxLogo />,
241
- href: "https://lux.launchsubnet",
242
- newTab: false,
243
- }
244
- ]
245
- },
246
- {
247
- title: "Community",
248
- icon: <LuxLogo />,
249
- href: "https://lux.community",
250
- newTab: false,
251
- childMenu:[
252
- {
253
- title: "Lux Channel",
254
- icon: <LuxLogo />,
255
- href: "https://lux.channel",
256
- newTab: false,
257
- },
258
- {
259
- title: "Lux Discussions",
260
- icon: <LuxLogo />,
261
- href: "https://lux.discussions",
262
- newTab: false,
263
- },{
264
- title: "Twitter",
265
- icon: <LuxLogo />,
266
- href: "https://twitter.com/luxdefi",
267
- newTab: false,
268
- },{
269
- title: "Faceboook",
270
- icon: <LuxLogo />,
271
- href: "https://lux.facebook",
272
- newTab: false,
273
- },{
274
- title: "Instagram",
275
- icon: <LuxLogo />,
276
- href: "https://lux.instagram",
277
- newTab: false,
278
- },{
279
- title: "Linkedin",
280
- icon: <LuxLogo />,
281
- href: "https://lux.linkedin",
282
- newTab: false,
283
- },{
284
- title: "Youtube",
285
- icon: <LuxLogo />,
286
- href: "https://lux.youtube",
287
- newTab: false,
288
- },
289
- ]
290
- },
291
- ] satisfies LinkDefExtended[]
292
-
1
+ import type { LinkDef } from '@hanzo/ui/types'
2
+ import { bag as Bag } from '../components/icons'
3
+ import LuxLogo from '../components/icons/lux-logo'
4
+
5
+ export interface LinkDefExtended extends LinkDef {
6
+ isAIMenu?: boolean
7
+ icon?: any,
8
+ childMenu?: LinkDef[]
9
+
10
+ }
11
+
12
+ export default [
13
+ {
14
+ title: "AI",
15
+ icon: <Bag />,
16
+ href: "https://lux.chat",
17
+ newTab: false,
18
+ isAIMenu: true,
19
+ },
20
+ {
21
+ title: "Shop",
22
+ icon: <Bag />,
23
+ href: "https://lux.shop",
24
+ newTab: false,
25
+ childMenu: [
26
+ {
27
+ title: "Silver",
28
+ icon: <LuxLogo />,
29
+ href: "https://lux.example",
30
+ newTab: false,
31
+ },
32
+ {
33
+ title: "Key",
34
+ icon: <LuxLogo />,
35
+ href: "https://lux.market/key",
36
+ newTab: false,
37
+ },
38
+ {
39
+ title: "Validators",
40
+ icon: <LuxLogo />,
41
+ href: "lux.market/validator",
42
+ newTab: false,
43
+ },
44
+ {
45
+ title: "Coins",
46
+ icon: <LuxLogo />,
47
+ href: "lux.market/coin",
48
+ newTab: false,
49
+ }
50
+ ]
51
+ },
52
+ {
53
+ title: "Credit",
54
+ icon: <LuxLogo />,
55
+ href: "https://lux.credit",
56
+ newTab: false,
57
+ childMenu: [
58
+ {
59
+ title: "View All Cards",
60
+ icon: <LuxLogo />,
61
+ href: "https://lux.credit",
62
+ newTab: false,
63
+ },
64
+ {
65
+ title: "Pass",
66
+ icon: <LuxLogo />,
67
+ href: "https://lux.credit",
68
+ newTab: false,
69
+ },
70
+ {
71
+ title: "Validators",
72
+ icon: <LuxLogo />,
73
+ href: "https://lux.credit",
74
+ newTab: false,
75
+ },
76
+ {
77
+ title: "Coins",
78
+ icon: <LuxLogo />,
79
+ href: "https://lux.credit",
80
+ newTab: false,
81
+ },
82
+ {
83
+ title: "ComPare Cards",
84
+ icon: <LuxLogo />,
85
+ href: "https://lux.credit",
86
+ newTab: false,
87
+ }
88
+ ]
89
+ },
90
+ {
91
+ title: "Company",
92
+ icon: <LuxLogo />,
93
+ href: "https://lux.partners",
94
+ newTab: false,
95
+ childMenu:[
96
+ {
97
+ title: "About",
98
+ icon: <LuxLogo />,
99
+ href: "https://lux.partners",
100
+ newTab: false,
101
+ },
102
+ {
103
+ title: "Brand",
104
+ icon: <LuxLogo />,
105
+ href: "https://lux.partners",
106
+ newTab: false,
107
+ },
108
+ {
109
+ title: "Open Source",
110
+ icon: <LuxLogo />,
111
+ href: "https://github.com/luxfi",
112
+ newTab: false,
113
+ },
114
+ {
115
+ title: "Careers",
116
+ icon: <LuxLogo />,
117
+ href: "https://lux.partners",
118
+ newTab: false,
119
+ },
120
+ {
121
+ title: "Partnership",
122
+ icon: <LuxLogo />,
123
+ href: "https://lux.partners",
124
+ newTab: false,
125
+ },
126
+ {
127
+ title: "Press",
128
+ icon: <LuxLogo />,
129
+ href: "https://lux.partners",
130
+ newTab: false,
131
+ },
132
+ {
133
+ title: "Help",
134
+ icon: <LuxLogo />,
135
+ href: "https://lux.partners",
136
+ newTab: false,
137
+ }
138
+ ]
139
+ },
140
+ {
141
+ title: "Ecosystem",
142
+ icon: <LuxLogo />,
143
+ href: "https://lux.link",
144
+ newTab: false,
145
+ childMenu:[
146
+ {
147
+ title: "Market",
148
+ icon: <LuxLogo />,
149
+ href: "https://lux.link",
150
+ newTab: false,
151
+ },
152
+ {
153
+ title: "Exchange",
154
+ icon: <LuxLogo />,
155
+ href: "https://lux.link",
156
+ newTab: false,
157
+ },
158
+ {
159
+ title: "Finance",
160
+ icon: <LuxLogo />,
161
+ href: "https://lux.link",
162
+ newTab: false,
163
+ },
164
+ {
165
+ title: "Shop",
166
+ icon: <LuxLogo />,
167
+ href: "https://lux.market",
168
+ newTab: false,
169
+ },
170
+ {
171
+ title: "AI Chat",
172
+ icon: <LuxLogo />,
173
+ href: "https://lux.chat",
174
+ newTab: false,
175
+ },
176
+ {
177
+ title: "Credit",
178
+ icon: <LuxLogo />,
179
+ href: "https://lux.credit",
180
+ newTab: false,
181
+ },
182
+ {
183
+ title: "Quest",
184
+ icon: <LuxLogo />,
185
+ href: "https://lux.link",
186
+ newTab: false,
187
+ }
188
+ ]
189
+ },
190
+ {
191
+ title: "Network",
192
+ icon: <LuxLogo />,
193
+ href: "https://lux.network",
194
+ newTab: false,
195
+ childMenu:[
196
+ {
197
+ title: "Bridge",
198
+ icon: <LuxLogo />,
199
+ href: "https://lux.network",
200
+ newTab: false,
201
+ },
202
+ {
203
+ title: "Explorer",
204
+ icon: <LuxLogo />,
205
+ href: "https://lux.network",
206
+ newTab: false,
207
+ },
208
+ {
209
+ title: "Wallet",
210
+ icon: <LuxLogo />,
211
+ href: "https://lux.network",
212
+ newTab: false,
213
+ },
214
+ {
215
+ title: "Safe",
216
+ icon: <LuxLogo />,
217
+ href: "https://lux.network",
218
+ newTab: false,
219
+ },
220
+ {
221
+ title: "Validator",
222
+ icon: <LuxLogo />,
223
+ href: "https://lux.validator",
224
+ newTab: false,
225
+ },
226
+ {
227
+ title: "Coin",
228
+ icon: <LuxLogo />,
229
+ href: "https://lux.coin",
230
+ newTab: false,
231
+ },
232
+ {
233
+ title: "Open Source",
234
+ icon: <LuxLogo />,
235
+ href: "https://lux.opensource",
236
+ newTab: false,
237
+ },
238
+ {
239
+ title: "Launch Subnet",
240
+ icon: <LuxLogo />,
241
+ href: "https://lux.launchsubnet",
242
+ newTab: false,
243
+ }
244
+ ]
245
+ },
246
+ {
247
+ title: "Community",
248
+ icon: <LuxLogo />,
249
+ href: "https://lux.community",
250
+ newTab: false,
251
+ childMenu:[
252
+ {
253
+ title: "Lux Channel",
254
+ icon: <LuxLogo />,
255
+ href: "https://lux.channel",
256
+ newTab: false,
257
+ },
258
+ {
259
+ title: "Lux Discussions",
260
+ icon: <LuxLogo />,
261
+ href: "https://lux.discussions",
262
+ newTab: false,
263
+ },{
264
+ title: "Twitter",
265
+ icon: <LuxLogo />,
266
+ href: "https://twitter.com/luxdefi",
267
+ newTab: false,
268
+ },{
269
+ title: "Faceboook",
270
+ icon: <LuxLogo />,
271
+ href: "https://lux.facebook",
272
+ newTab: false,
273
+ },{
274
+ title: "Instagram",
275
+ icon: <LuxLogo />,
276
+ href: "https://lux.instagram",
277
+ newTab: false,
278
+ },{
279
+ title: "Linkedin",
280
+ icon: <LuxLogo />,
281
+ href: "https://lux.linkedin",
282
+ newTab: false,
283
+ },{
284
+ title: "Youtube",
285
+ icon: <LuxLogo />,
286
+ href: "https://lux.youtube",
287
+ newTab: false,
288
+ },
289
+ ]
290
+ },
291
+ ] satisfies LinkDefExtended[]
292
+
package/style/cart-animation.css CHANGED
@@ -1,29 +1,29 @@
1
- @keyframes wiggle-larger {
2
- 0% { transform: rotate(0deg); }
3
- 18% { transform: rotate(10deg) scale(0.9); }
4
- 32% { transform: rotate(0deg) scale(1.05);; }
5
- 50% { transform: rotate(-10deg) scale(1.05); }
6
- 68% { transform: rotate(0deg) scale(1.1); }
7
- 84% { transform: rotate(10deg) scale(1); }
8
- 100% { transform: rotate(0deg) scale(1);}
9
- }
10
-
11
- @keyframes wiggle-smaller {
12
- 0% { transform: rotate(0deg); }
13
- 18% { transform: rotate(10deg) scale(1.05); }
14
- 32% { transform: rotate(0deg) scale(0.9);; }
15
- 50% { transform: rotate(-10deg) scale(0.9); }
16
- 68% { transform: rotate(0deg) scale(0.85); }
17
- 84% { transform: rotate(10deg) scale(1); }
18
- 100% { transform: rotate(0deg) scale(1);}
19
- }
20
-
21
- .wiggle-larger-animation,
22
- .item-added-to-cart-animation {
23
- animation: wiggle-larger 350ms;
24
- }
25
-
26
- .wiggle-smaller-animation,
27
- .item-removed-from-cart-animation {
28
- animation: wiggle-smaller 300ms;
29
- }
1
+ @keyframes wiggle-larger {
2
+ 0% { transform: rotate(0deg); }
3
+ 18% { transform: rotate(10deg) scale(0.9); }
4
+ 32% { transform: rotate(0deg) scale(1.05);; }
5
+ 50% { transform: rotate(-10deg) scale(1.05); }
6
+ 68% { transform: rotate(0deg) scale(1.1); }
7
+ 84% { transform: rotate(10deg) scale(1); }
8
+ 100% { transform: rotate(0deg) scale(1);}
9
+ }
10
+
11
+ @keyframes wiggle-smaller {
12
+ 0% { transform: rotate(0deg); }
13
+ 18% { transform: rotate(10deg) scale(1.05); }
14
+ 32% { transform: rotate(0deg) scale(0.9);; }
15
+ 50% { transform: rotate(-10deg) scale(0.9); }
16
+ 68% { transform: rotate(0deg) scale(0.85); }
17
+ 84% { transform: rotate(10deg) scale(1); }
18
+ 100% { transform: rotate(0deg) scale(1);}
19
+ }
20
+
21
+ .wiggle-larger-animation,
22
+ .item-added-to-cart-animation {
23
+ animation: wiggle-larger 350ms;
24
+ }
25
+
26
+ .wiggle-smaller-animation,
27
+ .item-removed-from-cart-animation {
28
+ animation: wiggle-smaller 300ms;
29
+ }