move.gl 0.0.1 → 0.0.2

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.
Files changed (463) hide show
  1. package/README.md +185 -11
  2. package/dist/LICENSE +21 -0
  3. package/dist/README.md +212 -0
  4. package/dist/css/move.gl.css +43859 -0
  5. package/dist/css/move.gl.min.css +19 -0
  6. package/dist/js/index.cjs +1171 -0
  7. package/dist/js/index.cjs.map +1 -0
  8. package/dist/js/index.d.cts +184 -0
  9. package/dist/js/index.d.ts +184 -0
  10. package/dist/js/index.mjs +1135 -0
  11. package/dist/js/index.mjs.map +1 -0
  12. package/dist/package.json +68 -0
  13. package/{scss → dist/scss}/classes/_animations.scss +33 -14
  14. package/dist/scss/classes/_controls.scss +314 -0
  15. package/dist/scss/classes/_effects.scss +283 -0
  16. package/dist/scss/classes/_index.scss +28 -0
  17. package/dist/scss/classes/_loaders.scss +779 -0
  18. package/dist/scss/classes/_transforms.scss +138 -0
  19. package/dist/scss/classes/_transitions.scss +264 -0
  20. package/{scss → dist/scss}/dev/_deprecation.scss +6 -3
  21. package/{scss → dist/scss}/dev/_modules.scss +5 -6
  22. package/dist/scss/docs.scss +2344 -0
  23. package/dist/scss/docs.scss.bak +3133 -0
  24. package/dist/scss/functions/_index.scss +22 -0
  25. package/dist/scss/functions/scenes/_bubble.scss +32 -0
  26. package/dist/scss/functions/scenes/_index.scss +21 -0
  27. package/dist/scss/index.scss +17 -0
  28. package/dist/scss/maps/_controls.scss +85 -0
  29. package/dist/scss/maps/_index.scss +22 -0
  30. package/{scss → dist/scss}/mixins/_accessibility.scss +24 -3
  31. package/{scss → dist/scss}/mixins/_boot.scss +4 -4
  32. package/dist/scss/mixins/_index.scss +41 -0
  33. package/dist/scss/mixins/_screensaver.scss +228 -0
  34. package/dist/scss/mixins/_shape.scss +315 -0
  35. package/dist/scss/mixins/animations/_base.scss +403 -0
  36. package/dist/scss/mixins/animations/_beat.scss +137 -0
  37. package/{scss → dist/scss}/mixins/animations/_blink.scss +60 -52
  38. package/dist/scss/mixins/animations/_bounce.scss +306 -0
  39. package/{scss → dist/scss}/mixins/animations/_elastic.scss +26 -22
  40. package/dist/scss/mixins/animations/_fade.scss +393 -0
  41. package/{scss → dist/scss}/mixins/animations/_flash.scss +53 -61
  42. package/dist/scss/mixins/animations/_flip.scss +251 -0
  43. package/{scss → dist/scss}/mixins/animations/_float.scss +47 -32
  44. package/{scss → dist/scss}/mixins/animations/_glow.scss +69 -58
  45. package/dist/scss/mixins/animations/_heartbeat.scss +195 -0
  46. package/dist/scss/mixins/animations/_hinge.scss +118 -0
  47. package/dist/scss/mixins/animations/_index.scss +97 -0
  48. package/dist/scss/mixins/animations/_jello.scss +123 -0
  49. package/dist/scss/mixins/animations/_jiggle.scss +162 -0
  50. package/dist/scss/mixins/animations/_lightspeed.scss +135 -0
  51. package/{scss → dist/scss}/mixins/animations/_nod.scss +57 -65
  52. package/dist/scss/mixins/animations/_pop.scss +153 -0
  53. package/dist/scss/mixins/animations/_pulse.scss +275 -0
  54. package/{scss → dist/scss}/mixins/animations/_ripple.scss +47 -55
  55. package/dist/scss/mixins/animations/_roll.scss +217 -0
  56. package/dist/scss/mixins/animations/_rotate.scss +728 -0
  57. package/dist/scss/mixins/animations/_rubber.scss +115 -0
  58. package/dist/scss/mixins/animations/_scale.scss +382 -0
  59. package/dist/scss/mixins/animations/_shake.scss +233 -0
  60. package/dist/scss/mixins/animations/_slide.scss +501 -0
  61. package/dist/scss/mixins/animations/_spin.scss +322 -0
  62. package/{scss → dist/scss}/mixins/animations/_sway.scss +32 -49
  63. package/{scss → dist/scss}/mixins/animations/_swing.scss +47 -49
  64. package/{scss → dist/scss}/mixins/animations/_tada.scss +44 -42
  65. package/{scss → dist/scss}/mixins/animations/_twist.scss +40 -55
  66. package/{scss → dist/scss}/mixins/animations/_wave.scss +36 -53
  67. package/dist/scss/mixins/animations/_wobble.scss +283 -0
  68. package/dist/scss/mixins/animations/_zoom.scss +394 -0
  69. package/{scss/mixins/mouse → dist/scss/mixins/controls}/_cursor.scss +60 -39
  70. package/dist/scss/mixins/controls/_hover.scss +625 -0
  71. package/dist/scss/mixins/controls/_index.scss +30 -0
  72. package/dist/scss/mixins/controls/_keyboard.scss +300 -0
  73. package/{scss/mixins/mouse → dist/scss/mixins/controls}/_pointer.scss +81 -72
  74. package/dist/scss/mixins/controls/_scroll.scss +460 -0
  75. package/{scss/mixins/scroll → dist/scss/mixins/controls}/_scrollbar.scss +50 -16
  76. package/dist/scss/mixins/controls/_selection.scss +208 -0
  77. package/dist/scss/mixins/controls/_touch.scss +401 -0
  78. package/dist/scss/mixins/effects/_blend.scss +128 -0
  79. package/dist/scss/mixins/effects/_filter.scss +470 -0
  80. package/dist/scss/mixins/effects/_focus.scss +83 -0
  81. package/dist/scss/mixins/effects/_gradient.scss +130 -0
  82. package/dist/scss/mixins/effects/_index.scss +28 -0
  83. package/dist/scss/mixins/effects/_mask.scss +76 -0
  84. package/dist/scss/mixins/effects/_opacity.scss +376 -0
  85. package/dist/scss/mixins/effects/_shadow.scss +429 -0
  86. package/dist/scss/mixins/keyframes/_base.scss +199 -0
  87. package/dist/scss/mixins/keyframes/_index.scss +24 -0
  88. package/dist/scss/mixins/keyframes/animations/_beat.scss +280 -0
  89. package/dist/scss/mixins/keyframes/animations/_blink.scss +82 -0
  90. package/dist/scss/mixins/keyframes/animations/_bounce.scss +292 -0
  91. package/dist/scss/mixins/keyframes/animations/_fade.scss +311 -0
  92. package/dist/scss/mixins/keyframes/animations/_flash.scss +165 -0
  93. package/dist/scss/mixins/keyframes/animations/_flip.scss +266 -0
  94. package/{scss/mixins → dist/scss/mixins/keyframes}/animations/_index.scss +19 -10
  95. package/dist/scss/mixins/keyframes/animations/_jiggle.scss +85 -0
  96. package/dist/scss/mixins/keyframes/animations/_lightspeed.scss +73 -0
  97. package/dist/scss/mixins/keyframes/animations/_nod.scss +79 -0
  98. package/dist/scss/mixins/keyframes/animations/_pop.scss +78 -0
  99. package/dist/scss/mixins/keyframes/animations/_pulse.scss +225 -0
  100. package/dist/scss/mixins/keyframes/animations/_ripple.scss +94 -0
  101. package/dist/scss/mixins/keyframes/animations/_roll.scss +124 -0
  102. package/dist/scss/mixins/keyframes/animations/_rotate.scss +360 -0
  103. package/dist/scss/mixins/keyframes/animations/_rubber.scss +81 -0
  104. package/dist/scss/mixins/keyframes/animations/_scale.scss +308 -0
  105. package/dist/scss/mixins/keyframes/animations/_shake.scss +270 -0
  106. package/dist/scss/mixins/keyframes/animations/_slide.scss +345 -0
  107. package/dist/scss/mixins/keyframes/animations/_spin.scss +270 -0
  108. package/dist/scss/mixins/keyframes/animations/_sway.scss +83 -0
  109. package/dist/scss/mixins/keyframes/animations/_twist.scss +89 -0
  110. package/dist/scss/mixins/keyframes/animations/_wave.scss +90 -0
  111. package/dist/scss/mixins/keyframes/animations/_wobble.scss +293 -0
  112. package/dist/scss/mixins/keyframes/animations/_zoom.scss +345 -0
  113. package/dist/scss/mixins/loaders/_bars.scss +128 -0
  114. package/dist/scss/mixins/loaders/_base.scss +39 -0
  115. package/dist/scss/mixins/loaders/_bubble.scss +395 -0
  116. package/dist/scss/mixins/loaders/_circle.scss +456 -0
  117. package/dist/scss/mixins/loaders/_dots.scss +248 -0
  118. package/dist/scss/mixins/loaders/_graph.scss +542 -0
  119. package/dist/scss/mixins/loaders/_index.scss +77 -0
  120. package/dist/scss/mixins/loaders/_line.scss +471 -0
  121. package/dist/scss/mixins/loaders/_objects.scss +563 -0
  122. package/dist/scss/mixins/loaders/_progress.scss +477 -0
  123. package/dist/scss/mixins/loaders/_rect.scss +480 -0
  124. package/dist/scss/mixins/loaders/_rings.scss +377 -0
  125. package/dist/scss/mixins/loaders/_skeleton.scss +461 -0
  126. package/dist/scss/mixins/loaders/_special.scss +611 -0
  127. package/dist/scss/mixins/loaders/_spinner.scss +175 -0
  128. package/dist/scss/mixins/loaders/_text.scss +446 -0
  129. package/{scss → dist/scss}/mixins/transforms/_flip.scss +16 -18
  130. package/dist/scss/mixins/transforms/_index.scss +28 -0
  131. package/dist/scss/mixins/transforms/_matrix.scss +18 -0
  132. package/{scss → dist/scss}/mixins/transforms/_perspective.scss +18 -1
  133. package/{scss → dist/scss}/mixins/transforms/_rotate.scss +9 -14
  134. package/{scss → dist/scss}/mixins/transforms/_scale.scss +16 -1
  135. package/{scss → dist/scss}/mixins/transforms/_skew.scss +16 -2
  136. package/{scss → dist/scss}/mixins/transforms/_translate.scss +16 -2
  137. package/dist/scss/mixins/transitions/_index.scss +22 -0
  138. package/dist/scss/mixins/transitions/_transition.scss +43 -0
  139. package/dist/scss/variables/_animations.scss +300 -0
  140. package/dist/scss/variables/_controls.scss +178 -0
  141. package/dist/scss/variables/_effects.scss +87 -0
  142. package/dist/scss/variables/_index.scss +27 -0
  143. package/dist/scss/variables/_keyframes.scss +28 -0
  144. package/dist/scss/variables/_loaders.scss +75 -0
  145. package/dist/scss/variables/_transforms.scss +85 -0
  146. package/dist/scss/variables/_transitions.scss +80 -0
  147. package/dist/ts/Draggable.ts +143 -0
  148. package/dist/ts/Gesture.ts +226 -0
  149. package/dist/ts/Keyboard.ts +195 -0
  150. package/dist/ts/LoaderManager.ts +662 -0
  151. package/dist/ts/Screensaver.ts +192 -0
  152. package/dist/ts/VideoOverlay.ts +205 -0
  153. package/dist/ts/demo.ts +1108 -0
  154. package/dist/ts/index.ts +58 -0
  155. package/package.json +90 -53
  156. package/src/html/_base.html +138 -0
  157. package/src/html/base.html +147 -0
  158. package/src/html/core-concepts.html +282 -0
  159. package/src/html/demo_base.html +171 -0
  160. package/src/html/demo_draggable.html +250 -0
  161. package/src/html/demo_gesture.html +264 -0
  162. package/src/html/demo_keyboard.html +224 -0
  163. package/src/html/demo_screensaver.html +258 -0
  164. package/src/html/demo_video_overlay.html +291 -0
  165. package/src/html/getting-started.html +242 -0
  166. package/src/html/index.html +400 -0
  167. package/src/html/keyboard.html +14 -0
  168. package/src/html/partials/_demo_links.html +21 -0
  169. package/src/html/partials/_footer.html +18 -0
  170. package/src/html/partials/_head.html +21 -0
  171. package/src/html/partials/_nav.html +84 -0
  172. package/src/html/partials/_theme_toggle.html +11 -0
  173. package/src/html/screensaver.html +20 -0
  174. package/src/html/test_animations.html +813 -0
  175. package/src/html/test_attention.html +281 -0
  176. package/src/html/test_bounce.html +201 -0
  177. package/src/html/test_effects.html +1348 -0
  178. package/src/html/test_fade.html +213 -0
  179. package/src/html/test_flip.html +208 -0
  180. package/src/html/test_keyframes.html +415 -0
  181. package/src/html/test_loaders.html +1489 -0
  182. package/src/html/test_mouse.html +516 -0
  183. package/src/html/test_overview.html +1444 -0
  184. package/src/html/test_pulse.html +212 -0
  185. package/src/html/test_scale.html +204 -0
  186. package/src/html/test_shake.html +232 -0
  187. package/src/html/test_slide.html +212 -0
  188. package/src/html/test_special.html +257 -0
  189. package/src/html/test_spin.html +216 -0
  190. package/src/html/test_transforms.html +332 -0
  191. package/src/html/test_transitions.html +245 -0
  192. package/src/html/test_zoom.html +188 -0
  193. package/src/html/video_overlay.html +27 -0
  194. package/src/jinja/_base.html.jinja +50 -0
  195. package/src/jinja/base.html.jinja +48 -0
  196. package/src/jinja/core-concepts.html.jinja +148 -0
  197. package/src/jinja/demo_draggable.html.jinja +114 -0
  198. package/src/jinja/demo_gesture.html.jinja +128 -0
  199. package/src/jinja/demo_keyboard.html.jinja +88 -0
  200. package/src/jinja/demo_screensaver.html.jinja +122 -0
  201. package/src/jinja/demo_video_overlay.html.jinja +155 -0
  202. package/src/jinja/getting-started.html.jinja +108 -0
  203. package/src/jinja/index.html.jinja +268 -0
  204. package/src/jinja/index.json +5 -0
  205. package/src/jinja/move.gl.css +7741 -0
  206. package/src/jinja/partials/_code_block.html.jinja +17 -0
  207. package/src/jinja/partials/_demo_links.html.jinja +41 -0
  208. package/src/jinja/partials/_feature_card.html.jinja +20 -0
  209. package/src/jinja/partials/_footer.html.jinja +22 -0
  210. package/src/jinja/partials/_head.html.jinja +27 -0
  211. package/src/jinja/partials/_nav.html.jinja +79 -0
  212. package/src/jinja/partials/_theme_toggle.html.jinja +15 -0
  213. package/src/jinja/test_animations.html.jinja +679 -0
  214. package/src/jinja/test_attention.html.jinja +147 -0
  215. package/src/jinja/test_bounce.html.jinja +67 -0
  216. package/src/jinja/test_effects.html.jinja +1218 -0
  217. package/src/jinja/test_fade.html.jinja +79 -0
  218. package/src/jinja/test_flip.html.jinja +74 -0
  219. package/src/jinja/test_keyframes.html.jinja +281 -0
  220. package/src/jinja/test_loaders.html.jinja +1358 -0
  221. package/src/jinja/test_mouse.html.jinja +382 -0
  222. package/src/jinja/test_overview.html.jinja +1313 -0
  223. package/src/jinja/test_pulse.html.jinja +78 -0
  224. package/src/jinja/test_scale.html.jinja +70 -0
  225. package/src/jinja/test_shake.html.jinja +98 -0
  226. package/src/jinja/test_slide.html.jinja +78 -0
  227. package/src/jinja/test_special.html.jinja +123 -0
  228. package/src/jinja/test_spin.html.jinja +82 -0
  229. package/src/jinja/test_transforms.html.jinja +198 -0
  230. package/src/jinja/test_transitions.html.jinja +111 -0
  231. package/src/jinja/test_zoom.html.jinja +54 -0
  232. package/src/scss/classes/_animations.scss +595 -0
  233. package/src/scss/classes/_controls.scss +314 -0
  234. package/src/scss/classes/_effects.scss +283 -0
  235. package/src/scss/classes/_index.scss +28 -0
  236. package/src/scss/classes/_loaders.scss +779 -0
  237. package/src/scss/classes/_transforms.scss +138 -0
  238. package/src/scss/classes/_transitions.scss +264 -0
  239. package/src/scss/dev/_banner.scss +36 -0
  240. package/src/scss/dev/_debug.scss +18 -0
  241. package/src/scss/dev/_deprecation.scss +13 -0
  242. package/src/scss/dev/_index.scss +8 -0
  243. package/src/scss/dev/_modules.scss +23 -0
  244. package/src/scss/docs.scss +2344 -0
  245. package/src/scss/docs.scss.bak +3133 -0
  246. package/src/scss/functions/_index.scss +22 -0
  247. package/src/scss/functions/scenes/_bubble.scss +32 -0
  248. package/src/scss/functions/scenes/_index.scss +21 -0
  249. package/src/scss/index.scss +17 -0
  250. package/src/scss/maps/_controls.scss +85 -0
  251. package/src/scss/maps/_index.scss +22 -0
  252. package/src/scss/mixins/_accessibility.scss +91 -0
  253. package/src/scss/mixins/_boot.scss +51 -0
  254. package/src/scss/mixins/_index.scss +41 -0
  255. package/src/scss/mixins/_screensaver.scss +228 -0
  256. package/src/scss/mixins/_shape.scss +315 -0
  257. package/src/scss/mixins/animations/_base.scss +403 -0
  258. package/src/scss/mixins/animations/_beat.scss +137 -0
  259. package/src/scss/mixins/animations/_blink.scss +159 -0
  260. package/src/scss/mixins/animations/_bounce.scss +306 -0
  261. package/src/scss/mixins/animations/_elastic.scss +69 -0
  262. package/src/scss/mixins/animations/_fade.scss +393 -0
  263. package/src/scss/mixins/animations/_flash.scss +169 -0
  264. package/src/scss/mixins/animations/_flip.scss +251 -0
  265. package/src/scss/mixins/animations/_float.scss +141 -0
  266. package/src/scss/mixins/animations/_glow.scss +190 -0
  267. package/src/scss/mixins/animations/_heartbeat.scss +195 -0
  268. package/src/scss/mixins/animations/_hinge.scss +118 -0
  269. package/src/scss/mixins/animations/_index.scss +97 -0
  270. package/src/scss/mixins/animations/_jello.scss +123 -0
  271. package/src/scss/mixins/animations/_jiggle.scss +162 -0
  272. package/src/scss/mixins/animations/_lightspeed.scss +135 -0
  273. package/src/scss/mixins/animations/_nod.scss +153 -0
  274. package/src/scss/mixins/animations/_pop.scss +153 -0
  275. package/src/scss/mixins/animations/_pulse.scss +275 -0
  276. package/src/scss/mixins/animations/_ripple.scss +161 -0
  277. package/src/scss/mixins/animations/_roll.scss +217 -0
  278. package/src/scss/mixins/animations/_rotate.scss +728 -0
  279. package/src/scss/mixins/animations/_rubber.scss +115 -0
  280. package/src/scss/mixins/animations/_scale.scss +382 -0
  281. package/src/scss/mixins/animations/_shake.scss +233 -0
  282. package/src/scss/mixins/animations/_slide.scss +501 -0
  283. package/src/scss/mixins/animations/_spin.scss +322 -0
  284. package/src/scss/mixins/animations/_sway.scss +150 -0
  285. package/src/scss/mixins/animations/_swing.scss +245 -0
  286. package/src/scss/mixins/animations/_tada.scss +235 -0
  287. package/src/scss/mixins/animations/_twist.scss +162 -0
  288. package/src/scss/mixins/animations/_wave.scss +149 -0
  289. package/src/scss/mixins/animations/_wobble.scss +283 -0
  290. package/src/scss/mixins/animations/_zoom.scss +394 -0
  291. package/src/scss/mixins/controls/_cursor.scss +203 -0
  292. package/src/scss/mixins/controls/_hover.scss +625 -0
  293. package/src/scss/mixins/controls/_index.scss +30 -0
  294. package/src/scss/mixins/controls/_keyboard.scss +300 -0
  295. package/src/scss/mixins/controls/_pointer.scss +267 -0
  296. package/src/scss/mixins/controls/_scroll.scss +460 -0
  297. package/src/scss/mixins/controls/_scrollbar.scss +283 -0
  298. package/src/scss/mixins/controls/_selection.scss +208 -0
  299. package/src/scss/mixins/controls/_touch.scss +401 -0
  300. package/src/scss/mixins/effects/_blend.scss +128 -0
  301. package/src/scss/mixins/effects/_filter.scss +470 -0
  302. package/src/scss/mixins/effects/_focus.scss +83 -0
  303. package/src/scss/mixins/effects/_gradient.scss +130 -0
  304. package/src/scss/mixins/effects/_index.scss +28 -0
  305. package/src/scss/mixins/effects/_mask.scss +76 -0
  306. package/src/scss/mixins/effects/_opacity.scss +376 -0
  307. package/src/scss/mixins/effects/_shadow.scss +429 -0
  308. package/src/scss/mixins/keyframes/_base.scss +199 -0
  309. package/src/scss/mixins/keyframes/_index.scss +24 -0
  310. package/src/scss/mixins/keyframes/animations/_beat.scss +280 -0
  311. package/src/scss/mixins/keyframes/animations/_blink.scss +82 -0
  312. package/src/scss/mixins/keyframes/animations/_bounce.scss +292 -0
  313. package/src/scss/mixins/keyframes/animations/_fade.scss +311 -0
  314. package/src/scss/mixins/keyframes/animations/_flash.scss +165 -0
  315. package/src/scss/mixins/keyframes/animations/_flip.scss +266 -0
  316. package/src/scss/mixins/keyframes/animations/_index.scss +46 -0
  317. package/src/scss/mixins/keyframes/animations/_jiggle.scss +85 -0
  318. package/src/scss/mixins/keyframes/animations/_lightspeed.scss +73 -0
  319. package/src/scss/mixins/keyframes/animations/_nod.scss +79 -0
  320. package/src/scss/mixins/keyframes/animations/_pop.scss +78 -0
  321. package/src/scss/mixins/keyframes/animations/_pulse.scss +225 -0
  322. package/src/scss/mixins/keyframes/animations/_ripple.scss +94 -0
  323. package/src/scss/mixins/keyframes/animations/_roll.scss +124 -0
  324. package/src/scss/mixins/keyframes/animations/_rotate.scss +360 -0
  325. package/src/scss/mixins/keyframes/animations/_rubber.scss +81 -0
  326. package/src/scss/mixins/keyframes/animations/_scale.scss +308 -0
  327. package/src/scss/mixins/keyframes/animations/_shake.scss +270 -0
  328. package/src/scss/mixins/keyframes/animations/_slide.scss +345 -0
  329. package/src/scss/mixins/keyframes/animations/_spin.scss +270 -0
  330. package/src/scss/mixins/keyframes/animations/_sway.scss +83 -0
  331. package/src/scss/mixins/keyframes/animations/_twist.scss +89 -0
  332. package/src/scss/mixins/keyframes/animations/_wave.scss +90 -0
  333. package/src/scss/mixins/keyframes/animations/_wobble.scss +293 -0
  334. package/src/scss/mixins/keyframes/animations/_zoom.scss +345 -0
  335. package/src/scss/mixins/loaders/_bars.scss +128 -0
  336. package/src/scss/mixins/loaders/_base.scss +39 -0
  337. package/src/scss/mixins/loaders/_bubble.scss +395 -0
  338. package/src/scss/mixins/loaders/_circle.scss +456 -0
  339. package/src/scss/mixins/loaders/_dots.scss +248 -0
  340. package/src/scss/mixins/loaders/_graph.scss +542 -0
  341. package/src/scss/mixins/loaders/_index.scss +77 -0
  342. package/src/scss/mixins/loaders/_line.scss +471 -0
  343. package/src/scss/mixins/loaders/_objects.scss +563 -0
  344. package/src/scss/mixins/loaders/_progress.scss +477 -0
  345. package/src/scss/mixins/loaders/_rect.scss +480 -0
  346. package/src/scss/mixins/loaders/_rings.scss +377 -0
  347. package/src/scss/mixins/loaders/_skeleton.scss +461 -0
  348. package/src/scss/mixins/loaders/_special.scss +611 -0
  349. package/src/scss/mixins/loaders/_spinner.scss +175 -0
  350. package/src/scss/mixins/loaders/_text.scss +446 -0
  351. package/src/scss/mixins/transforms/_flip.scss +74 -0
  352. package/src/scss/mixins/transforms/_index.scss +28 -0
  353. package/src/scss/mixins/transforms/_matrix.scss +18 -0
  354. package/src/scss/mixins/transforms/_perspective.scss +28 -0
  355. package/src/scss/mixins/transforms/_rotate.scss +96 -0
  356. package/src/scss/mixins/transforms/_scale.scss +26 -0
  357. package/src/scss/mixins/transforms/_skew.scss +27 -0
  358. package/src/scss/mixins/transforms/_translate.scss +27 -0
  359. package/src/scss/mixins/transitions/_index.scss +22 -0
  360. package/src/scss/mixins/transitions/_transition.scss +43 -0
  361. package/src/scss/variables/_animations.scss +300 -0
  362. package/src/scss/variables/_controls.scss +178 -0
  363. package/src/scss/variables/_effects.scss +87 -0
  364. package/src/scss/variables/_index.scss +27 -0
  365. package/src/scss/variables/_keyframes.scss +28 -0
  366. package/src/scss/variables/_loaders.scss +75 -0
  367. package/src/scss/variables/_transforms.scss +85 -0
  368. package/src/scss/variables/_transitions.scss +80 -0
  369. package/src/ts/Draggable.ts +143 -0
  370. package/src/ts/Gesture.ts +226 -0
  371. package/src/ts/Keyboard.ts +195 -0
  372. package/src/ts/LoaderManager.ts +662 -0
  373. package/src/ts/Screensaver.ts +192 -0
  374. package/src/ts/VideoOverlay.ts +205 -0
  375. package/src/ts/demo.ts +1108 -0
  376. package/src/ts/index.ts +58 -0
  377. package/css/move.gl.css +0 -2
  378. package/css/move.gl.min.css +0 -2
  379. package/scss/classes/_transforms.scss +0 -124
  380. package/scss/classes/keyboard.scss +0 -18
  381. package/scss/classes/screensaver.scss +0 -15
  382. package/scss/effects/_filter.scss +0 -176
  383. package/scss/effects/_index.scss +0 -23
  384. package/scss/effects/_opacity.scss +0 -62
  385. package/scss/effects/_shadow.scss +0 -175
  386. package/scss/functions/scenes/_bubble.scss +0 -19
  387. package/scss/functions/scenes/_index.scss +0 -20
  388. package/scss/index.scss +0 -0
  389. package/scss/keyframes/_beat.scss +0 -26
  390. package/scss/keyframes/_index.scss +0 -0
  391. package/scss/maps/_index.scss +0 -0
  392. package/scss/maps/_mouse.scss +0 -96
  393. package/scss/mixins/_hover.scss +0 -51
  394. package/scss/mixins/_index.scss +0 -0
  395. package/scss/mixins/_selection.scss +0 -321
  396. package/scss/mixins/_shape.scss +0 -44
  397. package/scss/mixins/_touch.scss +0 -95
  398. package/scss/mixins/animations/--hover.scss +0 -107
  399. package/scss/mixins/animations/_base.scss +0 -337
  400. package/scss/mixins/animations/_beat.scss +0 -119
  401. package/scss/mixins/animations/_bounce.scss +0 -192
  402. package/scss/mixins/animations/_fade.scss +0 -154
  403. package/scss/mixins/animations/_flip.scss +0 -72
  404. package/scss/mixins/animations/_heartbeat.scss +0 -175
  405. package/scss/mixins/animations/_hinge.scss +0 -119
  406. package/scss/mixins/animations/_jello.scss +0 -129
  407. package/scss/mixins/animations/_jiggle.scss +0 -163
  408. package/scss/mixins/animations/_lightspeed.scss +0 -130
  409. package/scss/mixins/animations/_pop.scss +0 -150
  410. package/scss/mixins/animations/_pulse.scss +0 -213
  411. package/scss/mixins/animations/_roll.scss +0 -261
  412. package/scss/mixins/animations/_rotate.scss +0 -428
  413. package/scss/mixins/animations/_rubber.scss +0 -116
  414. package/scss/mixins/animations/_scale.scss +0 -113
  415. package/scss/mixins/animations/_shake.scss +0 -182
  416. package/scss/mixins/animations/_slide.scss +0 -294
  417. package/scss/mixins/animations/_spin.scss +0 -219
  418. package/scss/mixins/animations/_wobble.scss +0 -254
  419. package/scss/mixins/animations/_zoom.scss +0 -166
  420. package/scss/mixins/effects/_filter.scss +0 -148
  421. package/scss/mixins/effects/_index.scss +0 -0
  422. package/scss/mixins/effects/_shadow.scss +0 -21
  423. package/scss/mixins/loaders/_index.scss +0 -0
  424. package/scss/mixins/loaders/_progress.scss +0 -174
  425. package/scss/mixins/loaders/_spinner.scss +0 -101
  426. package/scss/mixins/loaders/circle_01.scss +0 -22
  427. package/scss/mixins/loaders/circle_02.scss +0 -19
  428. package/scss/mixins/loaders/circle_03.scss +0 -29
  429. package/scss/mixins/loaders/circle_inner_01.scss +0 -33
  430. package/scss/mixins/loaders/circle_inner_02.scss +0 -33
  431. package/scss/mixins/loaders/circle_inner_03.scss +0 -34
  432. package/scss/mixins/mouse/_index.scss +0 -0
  433. package/scss/mixins/scroll/_index.scss +0 -0
  434. package/scss/mixins/scroll/_scroll.scss +0 -104
  435. package/scss/mixins/transforms/_index.scss +0 -23
  436. package/scss/mixins/transforms/_matrix.scss +0 -1
  437. package/scss/mixins/transitions/_index.scss +0 -0
  438. package/scss/mixins/transitions/_transition.scss +0 -13
  439. package/scss/variables/_animation.scss +0 -91
  440. package/scss/variables/_index.scss +0 -0
  441. package/ts/ARContent.ts +0 -27
  442. package/ts/ARInteraction.ts +0 -34
  443. package/ts/AdaptiveUI.ts +0 -25
  444. package/ts/ContentStreaming.ts +0 -20
  445. package/ts/Draggable.ts +0 -71
  446. package/ts/DynamicEnvironment.ts +0 -60
  447. package/ts/Gesture.ts +0 -168
  448. package/ts/ImmersiveAudio.ts +0 -40
  449. package/ts/InteractiveCanvas.ts +0 -177
  450. package/ts/InteractiveVideo.ts +0 -29
  451. package/ts/Keyboard.ts +0 -162
  452. package/ts/RealTimeCollaboration.ts +0 -25
  453. package/ts/Screensaver.ts +0 -140
  454. package/ts/SpatialNavigation.ts +0 -38
  455. package/ts/UserProfile.ts +0 -27
  456. package/ts/VRExperience.ts +0 -58
  457. package/ts/VideoOverlay.ts +0 -116
  458. package/ts/index.ts +0 -0
  459. /package/{scss → dist/scss}/dev/_banner.scss +0 -0
  460. /package/{scss → dist/scss}/dev/_debug.scss +0 -0
  461. /package/{scss → dist/scss}/dev/_index.scss +0 -0
  462. /package/{scss/classes/_index.scss → src/html/partials/_code_block.html} +0 -0
  463. /package/{scss/functions/_index.scss → src/html/partials/_feature_card.html} +0 -0
package/scss/mixins/animations/_rotate.scss DELETED
@@ -1,428 +0,0 @@
1
- // ============================================================================
2
- // Poster
3
- // ============================================================================
4
-
5
- ////
6
- ///
7
- /// Rotate Animations Mixin Module
8
- /// ===========================================================================
9
- ///
10
- /// This module ...
11
- ///
12
- ///
13
- /// @group Animations
14
- /// @author Scape Agency
15
- /// @link https://move.gl
16
- /// @since 0.1.0 initial release
17
- /// @todo None
18
- /// @access public
19
- ///
20
- ////
21
-
22
-
23
- // ============================================================================
24
- // Use
25
- // ============================================================================
26
-
27
- @use "../dev" as *;
28
- @use "../variables" as *;
29
- @use "../keyframes" as *;
30
- @use "base" as *;
31
-
32
-
33
- // ============================================================================
34
- // Mixins
35
- // ============================================================================
36
-
37
-
38
-
39
-
40
- // @-webkit-keyframes rotateIn {
41
- // from {
42
- // -webkit-transform-origin: center;
43
- // transform-origin: center;
44
- // -webkit-transform: rotate3d(0, 0, 1, -200deg);
45
- // transform: rotate3d(0, 0, 1, -200deg);
46
- // opacity: 0;
47
- // }
48
-
49
- // 100% {
50
- // -webkit-transform-origin: center;
51
- // transform-origin: center;
52
- // -webkit-transform: none;
53
- // transform: none;
54
- // opacity: 1;
55
- // }
56
- // }
57
-
58
- // @keyframes rotateIn {
59
- // from {
60
- // -webkit-transform-origin: center;
61
- // transform-origin: center;
62
- // -webkit-transform: rotate3d(0, 0, 1, -200deg);
63
- // transform: rotate3d(0, 0, 1, -200deg);
64
- // opacity: 0;
65
- // }
66
-
67
- // 100% {
68
- // -webkit-transform-origin: center;
69
- // transform-origin: center;
70
- // -webkit-transform: none;
71
- // transform: none;
72
- // opacity: 1;
73
- // }
74
- // }
75
-
76
- // .rotateIn {
77
- // -webkit-animation-name: rotateIn;
78
- // animation-name: rotateIn;
79
- // }
80
-
81
- // @-webkit-keyframes rotateInDownLeft {
82
- // from {
83
- // -webkit-transform-origin: left bottom;
84
- // transform-origin: left bottom;
85
- // -webkit-transform: rotate3d(0, 0, 1, -45deg);
86
- // transform: rotate3d(0, 0, 1, -45deg);
87
- // opacity: 0;
88
- // }
89
-
90
- // 100% {
91
- // -webkit-transform-origin: left bottom;
92
- // transform-origin: left bottom;
93
- // -webkit-transform: none;
94
- // transform: none;
95
- // opacity: 1;
96
- // }
97
- // }
98
-
99
- // @keyframes rotateInDownLeft {
100
- // from {
101
- // -webkit-transform-origin: left bottom;
102
- // transform-origin: left bottom;
103
- // -webkit-transform: rotate3d(0, 0, 1, -45deg);
104
- // transform: rotate3d(0, 0, 1, -45deg);
105
- // opacity: 0;
106
- // }
107
-
108
- // 100% {
109
- // -webkit-transform-origin: left bottom;
110
- // transform-origin: left bottom;
111
- // -webkit-transform: none;
112
- // transform: none;
113
- // opacity: 1;
114
- // }
115
- // }
116
-
117
- // .rotateInDownLeft {
118
- // -webkit-animation-name: rotateInDownLeft;
119
- // animation-name: rotateInDownLeft;
120
- // }
121
-
122
- // @-webkit-keyframes rotateInDownRight {
123
- // from {
124
- // -webkit-transform-origin: right bottom;
125
- // transform-origin: right bottom;
126
- // -webkit-transform: rotate3d(0, 0, 1, 45deg);
127
- // transform: rotate3d(0, 0, 1, 45deg);
128
- // opacity: 0;
129
- // }
130
-
131
- // 100% {
132
- // -webkit-transform-origin: right bottom;
133
- // transform-origin: right bottom;
134
- // -webkit-transform: none;
135
- // transform: none;
136
- // opacity: 1;
137
- // }
138
- // }
139
-
140
- // @keyframes rotateInDownRight {
141
- // from {
142
- // -webkit-transform-origin: right bottom;
143
- // transform-origin: right bottom;
144
- // -webkit-transform: rotate3d(0, 0, 1, 45deg);
145
- // transform: rotate3d(0, 0, 1, 45deg);
146
- // opacity: 0;
147
- // }
148
-
149
- // 100% {
150
- // -webkit-transform-origin: right bottom;
151
- // transform-origin: right bottom;
152
- // -webkit-transform: none;
153
- // transform: none;
154
- // opacity: 1;
155
- // }
156
- // }
157
-
158
- // .rotateInDownRight {
159
- // -webkit-animation-name: rotateInDownRight;
160
- // animation-name: rotateInDownRight;
161
- // }
162
-
163
- // @-webkit-keyframes rotateInUpLeft {
164
- // from {
165
- // -webkit-transform-origin: left bottom;
166
- // transform-origin: left bottom;
167
- // -webkit-transform: rotate3d(0, 0, 1, 45deg);
168
- // transform: rotate3d(0, 0, 1, 45deg);
169
- // opacity: 0;
170
- // }
171
-
172
- // 100% {
173
- // -webkit-transform-origin: left bottom;
174
- // transform-origin: left bottom;
175
- // -webkit-transform: none;
176
- // transform: none;
177
- // opacity: 1;
178
- // }
179
- // }
180
-
181
- // @keyframes rotateInUpLeft {
182
- // from {
183
- // -webkit-transform-origin: left bottom;
184
- // transform-origin: left bottom;
185
- // -webkit-transform: rotate3d(0, 0, 1, 45deg);
186
- // transform: rotate3d(0, 0, 1, 45deg);
187
- // opacity: 0;
188
- // }
189
-
190
- // 100% {
191
- // -webkit-transform-origin: left bottom;
192
- // transform-origin: left bottom;
193
- // -webkit-transform: none;
194
- // transform: none;
195
- // opacity: 1;
196
- // }
197
- // }
198
-
199
- // .rotateInUpLeft {
200
- // -webkit-animation-name: rotateInUpLeft;
201
- // animation-name: rotateInUpLeft;
202
- // }
203
-
204
- // @-webkit-keyframes rotateInUpRight {
205
- // from {
206
- // -webkit-transform-origin: right bottom;
207
- // transform-origin: right bottom;
208
- // -webkit-transform: rotate3d(0, 0, 1, -90deg);
209
- // transform: rotate3d(0, 0, 1, -90deg);
210
- // opacity: 0;
211
- // }
212
-
213
- // 100% {
214
- // -webkit-transform-origin: right bottom;
215
- // transform-origin: right bottom;
216
- // -webkit-transform: none;
217
- // transform: none;
218
- // opacity: 1;
219
- // }
220
- // }
221
-
222
- // @keyframes rotateInUpRight {
223
- // from {
224
- // -webkit-transform-origin: right bottom;
225
- // transform-origin: right bottom;
226
- // -webkit-transform: rotate3d(0, 0, 1, -90deg);
227
- // transform: rotate3d(0, 0, 1, -90deg);
228
- // opacity: 0;
229
- // }
230
-
231
- // 100% {
232
- // -webkit-transform-origin: right bottom;
233
- // transform-origin: right bottom;
234
- // -webkit-transform: none;
235
- // transform: none;
236
- // opacity: 1;
237
- // }
238
- // }
239
-
240
- // .rotateInUpRight {
241
- // -webkit-animation-name: rotateInUpRight;
242
- // animation-name: rotateInUpRight;
243
- // }
244
-
245
- // @-webkit-keyframes rotateOut {
246
- // from {
247
- // -webkit-transform-origin: center;
248
- // transform-origin: center;
249
- // opacity: 1;
250
- // }
251
-
252
- // 100% {
253
- // -webkit-transform-origin: center;
254
- // transform-origin: center;
255
- // -webkit-transform: rotate3d(0, 0, 1, 200deg);
256
- // transform: rotate3d(0, 0, 1, 200deg);
257
- // opacity: 0;
258
- // }
259
- // }
260
-
261
- // @keyframes rotateOut {
262
- // from {
263
- // -webkit-transform-origin: center;
264
- // transform-origin: center;
265
- // opacity: 1;
266
- // }
267
-
268
- // 100% {
269
- // -webkit-transform-origin: center;
270
- // transform-origin: center;
271
- // -webkit-transform: rotate3d(0, 0, 1, 200deg);
272
- // transform: rotate3d(0, 0, 1, 200deg);
273
- // opacity: 0;
274
- // }
275
- // }
276
-
277
- // .rotateOut {
278
- // -webkit-animation-name: rotateOut;
279
- // animation-name: rotateOut;
280
- // }
281
-
282
- // @-webkit-keyframes rotateOutDownLeft {
283
- // from {
284
- // -webkit-transform-origin: left bottom;
285
- // transform-origin: left bottom;
286
- // opacity: 1;
287
- // }
288
-
289
- // 100% {
290
- // -webkit-transform-origin: left bottom;
291
- // transform-origin: left bottom;
292
- // -webkit-transform: rotate3d(0, 0, 1, 45deg);
293
- // transform: rotate3d(0, 0, 1, 45deg);
294
- // opacity: 0;
295
- // }
296
- // }
297
-
298
- // @keyframes rotateOutDownLeft {
299
- // from {
300
- // -webkit-transform-origin: left bottom;
301
- // transform-origin: left bottom;
302
- // opacity: 1;
303
- // }
304
-
305
- // 100% {
306
- // -webkit-transform-origin: left bottom;
307
- // transform-origin: left bottom;
308
- // -webkit-transform: rotate3d(0, 0, 1, 45deg);
309
- // transform: rotate3d(0, 0, 1, 45deg);
310
- // opacity: 0;
311
- // }
312
- // }
313
-
314
- // .rotateOutDownLeft {
315
- // -webkit-animation-name: rotateOutDownLeft;
316
- // animation-name: rotateOutDownLeft;
317
- // }
318
-
319
- // @-webkit-keyframes rotateOutDownRight {
320
- // from {
321
- // -webkit-transform-origin: right bottom;
322
- // transform-origin: right bottom;
323
- // opacity: 1;
324
- // }
325
-
326
- // 100% {
327
- // -webkit-transform-origin: right bottom;
328
- // transform-origin: right bottom;
329
- // -webkit-transform: rotate3d(0, 0, 1, -45deg);
330
- // transform: rotate3d(0, 0, 1, -45deg);
331
- // opacity: 0;
332
- // }
333
- // }
334
-
335
- // @keyframes rotateOutDownRight {
336
- // from {
337
- // -webkit-transform-origin: right bottom;
338
- // transform-origin: right bottom;
339
- // opacity: 1;
340
- // }
341
-
342
- // 100% {
343
- // -webkit-transform-origin: right bottom;
344
- // transform-origin: right bottom;
345
- // -webkit-transform: rotate3d(0, 0, 1, -45deg);
346
- // transform: rotate3d(0, 0, 1, -45deg);
347
- // opacity: 0;
348
- // }
349
- // }
350
-
351
- // .rotateOutDownRight {
352
- // -webkit-animation-name: rotateOutDownRight;
353
- // animation-name: rotateOutDownRight;
354
- // }
355
-
356
- // @-webkit-keyframes rotateOutUpLeft {
357
- // from {
358
- // -webkit-transform-origin: left bottom;
359
- // transform-origin: left bottom;
360
- // opacity: 1;
361
- // }
362
-
363
- // 100% {
364
- // -webkit-transform-origin: left bottom;
365
- // transform-origin: left bottom;
366
- // -webkit-transform: rotate3d(0, 0, 1, -45deg);
367
- // transform: rotate3d(0, 0, 1, -45deg);
368
- // opacity: 0;
369
- // }
370
- // }
371
-
372
- // @keyframes rotateOutUpLeft {
373
- // from {
374
- // -webkit-transform-origin: left bottom;
375
- // transform-origin: left bottom;
376
- // opacity: 1;
377
- // }
378
-
379
- // 100% {
380
- // -webkit-transform-origin: left bottom;
381
- // transform-origin: left bottom;
382
- // -webkit-transform: rotate3d(0, 0, 1, -45deg);
383
- // transform: rotate3d(0, 0, 1, -45deg);
384
- // opacity: 0;
385
- // }
386
- // }
387
-
388
- // .rotateOutUpLeft {
389
- // -webkit-animation-name: rotateOutUpLeft;
390
- // animation-name: rotateOutUpLeft;
391
- // }
392
-
393
- // @-webkit-keyframes rotateOutUpRight {
394
- // from {
395
- // -webkit-transform-origin: right bottom;
396
- // transform-origin: right bottom;
397
- // opacity: 1;
398
- // }
399
-
400
- // 100% {
401
- // -webkit-transform-origin: right bottom;
402
- // transform-origin: right bottom;
403
- // -webkit-transform: rotate3d(0, 0, 1, 90deg);
404
- // transform: rotate3d(0, 0, 1, 90deg);
405
- // opacity: 0;
406
- // }
407
- // }
408
-
409
- // @keyframes rotateOutUpRight {
410
- // from {
411
- // -webkit-transform-origin: right bottom;
412
- // transform-origin: right bottom;
413
- // opacity: 1;
414
- // }
415
-
416
- // 100% {
417
- // -webkit-transform-origin: right bottom;
418
- // transform-origin: right bottom;
419
- // -webkit-transform: rotate3d(0, 0, 1, 90deg);
420
- // transform: rotate3d(0, 0, 1, 90deg);
421
- // opacity: 0;
422
- // }
423
- // }
424
-
425
- // .rotateOutUpRight {
426
- // -webkit-animation-name: rotateOutUpRight;
427
- // animation-name: rotateOutUpRight;
428
- // }
package/scss/mixins/animations/_rubber.scss DELETED
@@ -1,116 +0,0 @@
1
- // ============================================================================
2
- // Poster
3
- // ============================================================================
4
-
5
- ////
6
- ///
7
- /// Rubber Animations Mixin Module
8
- /// ===========================================================================
9
- ///
10
- /// This module ...
11
- ///
12
- ///
13
- /// @group Animations
14
- /// @author Scape Agency
15
- /// @link https://move.gl
16
- /// @since 0.1.0 initial release
17
- /// @todo None
18
- /// @access public
19
- ///
20
- ////
21
-
22
-
23
- // ============================================================================
24
- // Use
25
- // ============================================================================
26
-
27
- @use "../dev" as *;
28
- @use "../variables" as *;
29
- @use "../keyframes" as *;
30
- @use "base" as *;
31
-
32
-
33
- // ============================================================================
34
- // Mixins
35
- // ============================================================================
36
-
37
-
38
-
39
- // @-webkit-keyframes rubberBand {
40
- // from {
41
- // -webkit-transform: scale3d(1, 1, 1);
42
- // transform: scale3d(1, 1, 1);
43
- // }
44
-
45
- // 30% {
46
- // -webkit-transform: scale3d(1.25, 0.75, 1);
47
- // transform: scale3d(1.25, 0.75, 1);
48
- // }
49
-
50
- // 40% {
51
- // -webkit-transform: scale3d(0.75, 1.25, 1);
52
- // transform: scale3d(0.75, 1.25, 1);
53
- // }
54
-
55
- // 50% {
56
- // -webkit-transform: scale3d(1.15, 0.85, 1);
57
- // transform: scale3d(1.15, 0.85, 1);
58
- // }
59
-
60
- // 65% {
61
- // -webkit-transform: scale3d(.95, 1.05, 1);
62
- // transform: scale3d(.95, 1.05, 1);
63
- // }
64
-
65
- // 75% {
66
- // -webkit-transform: scale3d(1.05, .95, 1);
67
- // transform: scale3d(1.05, .95, 1);
68
- // }
69
-
70
- // 100% {
71
- // -webkit-transform: scale3d(1, 1, 1);
72
- // transform: scale3d(1, 1, 1);
73
- // }
74
- // }
75
-
76
- // @keyframes rubberBand {
77
- // from {
78
- // -webkit-transform: scale3d(1, 1, 1);
79
- // transform: scale3d(1, 1, 1);
80
- // }
81
-
82
- // 30% {
83
- // -webkit-transform: scale3d(1.25, 0.75, 1);
84
- // transform: scale3d(1.25, 0.75, 1);
85
- // }
86
-
87
- // 40% {
88
- // -webkit-transform: scale3d(0.75, 1.25, 1);
89
- // transform: scale3d(0.75, 1.25, 1);
90
- // }
91
-
92
- // 50% {
93
- // -webkit-transform: scale3d(1.15, 0.85, 1);
94
- // transform: scale3d(1.15, 0.85, 1);
95
- // }
96
-
97
- // 65% {
98
- // -webkit-transform: scale3d(.95, 1.05, 1);
99
- // transform: scale3d(.95, 1.05, 1);
100
- // }
101
-
102
- // 75% {
103
- // -webkit-transform: scale3d(1.05, .95, 1);
104
- // transform: scale3d(1.05, .95, 1);
105
- // }
106
-
107
- // 100% {
108
- // -webkit-transform: scale3d(1, 1, 1);
109
- // transform: scale3d(1, 1, 1);
110
- // }
111
- // }
112
-
113
- // .rubberBand {
114
- // -webkit-animation-name: rubberBand;
115
- // animation-name: rubberBand;
116
- // }
package/scss/mixins/animations/_scale.scss DELETED
@@ -1,113 +0,0 @@
1
- // ============================================================================
2
- // Poster
3
- // ============================================================================
4
-
5
- ////
6
- ///
7
- /// Scale Animations Mixin Module
8
- /// ===========================================================================
9
- ///
10
- /// This module ...
11
- ///
12
- ///
13
- /// @group Animations
14
- /// @author Scape Agency
15
- /// @link https://move.gl
16
- /// @since 0.1.0 initial release
17
- /// @todo None
18
- /// @access public
19
- ///
20
- ////
21
-
22
-
23
- // ============================================================================
24
- // Use
25
- // ============================================================================
26
-
27
- @use "../dev" as *;
28
- @use "../variables" as *;
29
- @use "../keyframes" as *;
30
- @use "base" as *;
31
-
32
-
33
- // ============================================================================
34
- // Mixins
35
- // ============================================================================
36
-
37
-
38
- ///
39
- /// Expand Animation
40
- /// Creates an expand animation where the element scales up and down.
41
- /// @name animate_scale_expand
42
- /// @param {Number|String} $scale_start [1] - The initial scale of the element.
43
- /// @param {Number|String} $scale_end [1.2] - The scale of the element at its maximum size.
44
- /// @param {Number|String} $duration [$animate_base_duration] - The duration of the expand animation.
45
- /// @param {String} $timing_function [ease-out] - The timing function for the expand animation.
46
- /// @param {Number|String} $iteration_count [$animate_base_iteration_count] - The number of iterations the animation will run.
47
- ///
48
- @mixin animate_scale_expand(
49
- $scale_start: 1,
50
- $scale_end: 1.2,
51
- $duration: $animate_base_duration,
52
- $timing_function: ease-out,
53
- $iteration_count: $animate_base_iteration_count
54
- ) {
55
- @include animate_base(
56
- animate_scale_expand,
57
- $duration,
58
- $timing_function,
59
- $iteration_count,
60
- );
61
- @keyframes animate_scale_expand {
62
- 0%, 100% { transform: scale($scale_start); }
63
- 50% { transform: scale($scale_end); }
64
- }
65
- }
66
-
67
-
68
- // // Scale transition
69
- // .scale-transition {
70
- // &.scale-out {
71
- // transform: scale(0);
72
- // transition: transform .2s !important;
73
- // }
74
-
75
- // &.scale-in {
76
- // transform: scale(1);
77
- // }
78
-
79
- // transition: transform .3s cubic-bezier(0.53, 0.01, 0.36, 1.63) !important;
80
- // }
81
-
82
-
83
- // Expand and Shrink Animation
84
- // ----------------------------------------------------------------------------
85
-
86
- ///
87
- /// Expand and Shrink Animation
88
- /// Creates an animation where the element alternates between expanding and shrinking.
89
- /// @name animate_scale_shrink
90
- /// @param {Number|String} $scale_min [0.8] - The minimum scale of the element during the animation.
91
- /// @param {Number|String} $scale_max [1.2] - The maximum scale of the element during the animation.
92
- /// @param {Number|String} $duration [$animate_base_duration] - The duration of the expand and shrink animation.
93
- /// @param {String} $timing_function [ease-in-out] - The timing function for the expand and shrink animation.
94
- /// @param {Number|String} $iteration_count [$animate_base_iteration_count] - The number of iterations the animation will run.
95
- ///
96
- @mixin animate_scale_shrink(
97
- $scale_min: 0.8,
98
- $scale_max: 1.2,
99
- $duration: $animate_base_duration,
100
- $timing_function: ease-in-out,
101
- $iteration_count: $animate_base_iteration_count
102
- ) {
103
- @include animate_base(
104
- animate_scale_shrink,
105
- $duration,
106
- $timing_function,
107
- $iteration_count,
108
- );
109
- @keyframes animate_scale_shrink {
110
- 0%, 100% { transform: scale($scale_min); }
111
- 50% { transform: scale($scale_max); }
112
- }
113
- }