fomantic-ui 2.9.1-beta.8 → 2.9.1

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 (521) hide show
  1. package/.eslint/eqeqeq-rule.js +18 -0
  2. package/.eslint/index.js +29 -0
  3. package/.eslint/no-extra-parens-rule.js +17 -0
  4. package/.eslint/package.json +11 -0
  5. package/.eslintrc.js +123 -0
  6. package/.github/auto_assign.yml +0 -1
  7. package/.github/workflows/ci.yml +37 -4
  8. package/.github/workflows/nightly.yml +1 -1
  9. package/.github/workflows/release.yml +1 -1
  10. package/.prettierrc.js +12 -0
  11. package/.stylelintrc.js +48 -0
  12. package/CHANGELOG.md +112 -0
  13. package/README.md +1 -1
  14. package/dist/components/accordion.css +35 -53
  15. package/dist/components/accordion.js +568 -595
  16. package/dist/components/accordion.min.css +2 -2
  17. package/dist/components/accordion.min.js +3 -3
  18. package/dist/components/ad.css +34 -45
  19. package/dist/components/ad.min.css +2 -2
  20. package/dist/components/api.js +1157 -1179
  21. package/dist/components/api.min.js +3 -3
  22. package/dist/components/breadcrumb.css +5 -5
  23. package/dist/components/breadcrumb.min.css +2 -2
  24. package/dist/components/button.css +709 -1111
  25. package/dist/components/button.min.css +2 -2
  26. package/dist/components/calendar.css +24 -27
  27. package/dist/components/calendar.js +1934 -1809
  28. package/dist/components/calendar.min.css +2 -2
  29. package/dist/components/calendar.min.js +3 -3
  30. package/dist/components/card.css +219 -365
  31. package/dist/components/card.min.css +2 -2
  32. package/dist/components/checkbox.css +120 -191
  33. package/dist/components/checkbox.js +842 -841
  34. package/dist/components/checkbox.min.css +2 -2
  35. package/dist/components/checkbox.min.js +3 -3
  36. package/dist/components/comment.css +41 -59
  37. package/dist/components/comment.min.css +2 -2
  38. package/dist/components/container.css +7 -6
  39. package/dist/components/container.min.css +2 -2
  40. package/dist/components/dimmer.css +53 -172
  41. package/dist/components/dimmer.js +706 -737
  42. package/dist/components/dimmer.min.css +2 -2
  43. package/dist/components/dimmer.min.js +3 -3
  44. package/dist/components/divider.css +43 -61
  45. package/dist/components/divider.min.css +2 -2
  46. package/dist/components/dropdown.css +252 -386
  47. package/dist/components/dropdown.js +4195 -4236
  48. package/dist/components/dropdown.min.css +2 -2
  49. package/dist/components/dropdown.min.js +3 -3
  50. package/dist/components/embed.css +18 -29
  51. package/dist/components/embed.js +645 -675
  52. package/dist/components/embed.min.css +2 -2
  53. package/dist/components/embed.min.js +3 -3
  54. package/dist/components/emoji.css +3556 -3556
  55. package/dist/components/emoji.min.css +1 -1
  56. package/dist/components/feed.css +35 -57
  57. package/dist/components/feed.min.css +2 -2
  58. package/dist/components/flag.css +270 -268
  59. package/dist/components/flag.min.css +2 -2
  60. package/dist/components/flyout.css +95 -141
  61. package/dist/components/flyout.js +1514 -1465
  62. package/dist/components/flyout.min.css +2 -2
  63. package/dist/components/flyout.min.js +3 -3
  64. package/dist/components/form.css +244 -339
  65. package/dist/components/form.js +2022 -2004
  66. package/dist/components/form.min.css +2 -2
  67. package/dist/components/form.min.js +3 -3
  68. package/dist/components/grid.css +183 -329
  69. package/dist/components/grid.min.css +2 -2
  70. package/dist/components/header.css +118 -142
  71. package/dist/components/header.min.css +2 -2
  72. package/dist/components/icon.css +662 -745
  73. package/dist/components/icon.min.css +2 -2
  74. package/dist/components/image.css +39 -63
  75. package/dist/components/image.min.css +2 -2
  76. package/dist/components/input.css +356 -274
  77. package/dist/components/input.min.css +2 -2
  78. package/dist/components/item.css +84 -131
  79. package/dist/components/item.min.css +2 -2
  80. package/dist/components/label.css +359 -410
  81. package/dist/components/label.min.css +2 -2
  82. package/dist/components/list.css +49 -70
  83. package/dist/components/list.min.css +2 -2
  84. package/dist/components/loader.css +67 -155
  85. package/dist/components/loader.min.css +2 -2
  86. package/dist/components/menu.css +270 -431
  87. package/dist/components/menu.min.css +1 -1
  88. package/dist/components/message.css +125 -197
  89. package/dist/components/message.min.css +2 -2
  90. package/dist/components/modal.css +120 -154
  91. package/dist/components/modal.js +1544 -1486
  92. package/dist/components/modal.min.css +2 -2
  93. package/dist/components/modal.min.js +3 -3
  94. package/dist/components/nag.css +53 -63
  95. package/dist/components/nag.js +520 -526
  96. package/dist/components/nag.min.css +2 -2
  97. package/dist/components/nag.min.js +3 -3
  98. package/dist/components/placeholder.css +22 -42
  99. package/dist/components/placeholder.min.css +2 -2
  100. package/dist/components/popup.css +424 -202
  101. package/dist/components/popup.js +1456 -1456
  102. package/dist/components/popup.min.css +2 -2
  103. package/dist/components/popup.min.js +3 -3
  104. package/dist/components/progress.css +106 -211
  105. package/dist/components/progress.js +969 -997
  106. package/dist/components/progress.min.css +2 -2
  107. package/dist/components/progress.min.js +3 -3
  108. package/dist/components/rail.css +15 -20
  109. package/dist/components/rail.min.css +1 -1
  110. package/dist/components/rating.css +80 -121
  111. package/dist/components/rating.js +507 -523
  112. package/dist/components/rating.min.css +2 -2
  113. package/dist/components/rating.min.js +3 -3
  114. package/dist/components/reset.css +8 -13
  115. package/dist/components/reset.min.css +2 -2
  116. package/dist/components/reveal.css +44 -83
  117. package/dist/components/reveal.min.css +2 -2
  118. package/dist/components/search.css +69 -98
  119. package/dist/components/search.js +1520 -1534
  120. package/dist/components/search.min.css +2 -2
  121. package/dist/components/search.min.js +3 -3
  122. package/dist/components/segment.css +148 -224
  123. package/dist/components/segment.min.css +2 -2
  124. package/dist/components/shape.css +14 -30
  125. package/dist/components/shape.js +783 -810
  126. package/dist/components/shape.min.css +2 -2
  127. package/dist/components/shape.min.js +3 -3
  128. package/dist/components/sidebar.css +103 -206
  129. package/dist/components/sidebar.js +1061 -1099
  130. package/dist/components/sidebar.min.css +2 -2
  131. package/dist/components/sidebar.min.js +3 -3
  132. package/dist/components/site.css +28 -41
  133. package/dist/components/site.js +436 -476
  134. package/dist/components/site.min.css +2 -2
  135. package/dist/components/site.min.js +3 -3
  136. package/dist/components/slider.css +93 -121
  137. package/dist/components/slider.js +1310 -1311
  138. package/dist/components/slider.min.css +1 -1
  139. package/dist/components/slider.min.js +3 -3
  140. package/dist/components/state.js +638 -657
  141. package/dist/components/state.min.js +3 -3
  142. package/dist/components/statistic.css +75 -116
  143. package/dist/components/statistic.min.css +2 -2
  144. package/dist/components/step.css +77 -150
  145. package/dist/components/step.min.css +2 -2
  146. package/dist/components/sticky.css +1 -5
  147. package/dist/components/sticky.js +847 -901
  148. package/dist/components/sticky.min.css +2 -2
  149. package/dist/components/sticky.min.js +3 -3
  150. package/dist/components/tab.css +10 -14
  151. package/dist/components/tab.js +902 -966
  152. package/dist/components/tab.min.css +2 -2
  153. package/dist/components/tab.min.js +3 -3
  154. package/dist/components/table.css +547 -774
  155. package/dist/components/table.min.css +2 -2
  156. package/dist/components/text.css +32 -32
  157. package/dist/components/text.min.css +1 -1
  158. package/dist/components/toast.css +69 -147
  159. package/dist/components/toast.js +910 -884
  160. package/dist/components/toast.min.css +2 -2
  161. package/dist/components/toast.min.js +3 -3
  162. package/dist/components/transition.css +299 -1356
  163. package/dist/components/transition.js +1048 -1077
  164. package/dist/components/transition.min.css +2 -2
  165. package/dist/components/transition.min.js +3 -3
  166. package/dist/components/visibility.js +1213 -1245
  167. package/dist/components/visibility.min.js +3 -3
  168. package/dist/semantic.css +9344 -12298
  169. package/dist/semantic.js +29181 -29423
  170. package/dist/semantic.min.css +3 -3
  171. package/dist/semantic.min.js +3 -3
  172. package/dist/themes/basic/assets/fonts/icons.woff2 +0 -0
  173. package/dist/themes/github/assets/fonts/octicons.woff2 +0 -0
  174. package/examples/.eslintrc.js +6 -0
  175. package/examples/assets/library/jquery.min.js +2 -4
  176. package/examples/assets/show-examples.js +13 -13
  177. package/examples/attached.html +1 -1
  178. package/examples/bootstrap.html +1 -1
  179. package/examples/components/button.html +1 -1
  180. package/examples/components/card.html +6 -6
  181. package/examples/components/input.html +1 -1
  182. package/examples/components/menu.html +1 -1
  183. package/examples/components/site.html +1 -1
  184. package/examples/components/sticky-context.html +2 -2
  185. package/examples/components/table.html +1 -1
  186. package/examples/fixed.html +3 -3
  187. package/examples/grid.html +5 -5
  188. package/examples/homepage.html +1 -1
  189. package/examples/login.html +2 -2
  190. package/examples/responsive.html +2 -2
  191. package/examples/sticky.html +4 -4
  192. package/examples/theming.html +1 -1
  193. package/gulpfile.js +13 -11
  194. package/package.json +17 -8
  195. package/scripts/nightly-version.js +83 -75
  196. package/src/_site/collections/menu.overrides +1 -1
  197. package/src/_site/elements/flag.variables +2 -2
  198. package/src/_site/globals/site.variables +1 -1
  199. package/src/_site/modules/embed.variables +3 -0
  200. package/src/definitions/behaviors/api.js +1158 -1180
  201. package/src/definitions/behaviors/form.js +2021 -2003
  202. package/src/definitions/behaviors/state.js +644 -663
  203. package/src/definitions/behaviors/visibility.js +1212 -1244
  204. package/src/definitions/collections/breadcrumb.less +43 -47
  205. package/src/definitions/collections/form.less +866 -884
  206. package/src/definitions/collections/grid.less +1681 -1699
  207. package/src/definitions/collections/menu.less +1522 -1544
  208. package/src/definitions/collections/message.less +294 -298
  209. package/src/definitions/collections/table.less +1657 -1661
  210. package/src/definitions/elements/button.less +1716 -1750
  211. package/src/definitions/elements/container.less +211 -211
  212. package/src/definitions/elements/divider.less +198 -211
  213. package/src/definitions/elements/emoji.less +41 -48
  214. package/src/definitions/elements/flag.less +46 -48
  215. package/src/definitions/elements/header.less +351 -359
  216. package/src/definitions/elements/icon.less +541 -484
  217. package/src/definitions/elements/image.less +216 -227
  218. package/src/definitions/elements/input.less +692 -699
  219. package/src/definitions/elements/label.less +784 -806
  220. package/src/definitions/elements/list.less +810 -814
  221. package/src/definitions/elements/loader.less +273 -268
  222. package/src/definitions/elements/placeholder.less +173 -170
  223. package/src/definitions/elements/rail.less +93 -93
  224. package/src/definitions/elements/reveal.less +192 -198
  225. package/src/definitions/elements/segment.less +742 -749
  226. package/src/definitions/elements/step.less +423 -437
  227. package/src/definitions/elements/text.less +34 -36
  228. package/src/definitions/globals/reset.less +11 -8
  229. package/src/definitions/globals/site.js +435 -475
  230. package/src/definitions/globals/site.less +108 -110
  231. package/src/definitions/modules/accordion.js +567 -594
  232. package/src/definitions/modules/accordion.less +244 -248
  233. package/src/definitions/modules/calendar.js +1933 -1808
  234. package/src/definitions/modules/calendar.less +100 -97
  235. package/src/definitions/modules/checkbox.js +841 -840
  236. package/src/definitions/modules/checkbox.less +531 -552
  237. package/src/definitions/modules/dimmer.js +705 -736
  238. package/src/definitions/modules/dimmer.less +294 -305
  239. package/src/definitions/modules/dropdown.js +4194 -4235
  240. package/src/definitions/modules/dropdown.less +1568 -1598
  241. package/src/definitions/modules/embed.js +644 -674
  242. package/src/definitions/modules/embed.less +82 -84
  243. package/src/definitions/modules/flyout.js +1513 -1464
  244. package/src/definitions/modules/flyout.less +453 -455
  245. package/src/definitions/modules/modal.js +1543 -1485
  246. package/src/definitions/modules/modal.less +459 -467
  247. package/src/definitions/modules/nag.js +519 -525
  248. package/src/definitions/modules/nag.less +136 -149
  249. package/src/definitions/modules/popup.js +1455 -1455
  250. package/src/definitions/modules/popup.less +738 -693
  251. package/src/definitions/modules/progress.js +968 -996
  252. package/src/definitions/modules/progress.less +523 -499
  253. package/src/definitions/modules/rating.js +506 -522
  254. package/src/definitions/modules/rating.less +98 -103
  255. package/src/definitions/modules/search.js +1519 -1533
  256. package/src/definitions/modules/search.less +374 -394
  257. package/src/definitions/modules/shape.js +782 -809
  258. package/src/definitions/modules/shape.less +70 -79
  259. package/src/definitions/modules/sidebar.js +1060 -1098
  260. package/src/definitions/modules/sidebar.less +463 -476
  261. package/src/definitions/modules/slider.js +1309 -1310
  262. package/src/definitions/modules/slider.less +309 -310
  263. package/src/definitions/modules/sticky.js +863 -917
  264. package/src/definitions/modules/sticky.less +17 -25
  265. package/src/definitions/modules/tab.js +901 -965
  266. package/src/definitions/modules/tab.less +48 -54
  267. package/src/definitions/modules/toast.js +909 -883
  268. package/src/definitions/modules/toast.less +589 -589
  269. package/src/definitions/modules/transition.js +1047 -1076
  270. package/src/definitions/modules/transition.less +58 -59
  271. package/src/definitions/views/ad.less +207 -208
  272. package/src/definitions/views/card.less +955 -973
  273. package/src/definitions/views/comment.less +192 -200
  274. package/src/definitions/views/feed.less +222 -226
  275. package/src/definitions/views/item.less +437 -448
  276. package/src/definitions/views/statistic.less +273 -279
  277. package/src/semantic.less +8 -6
  278. package/src/theme.config.example +53 -53
  279. package/src/theme.less +44 -35
  280. package/src/themes/amazon/elements/button.overrides +23 -24
  281. package/src/themes/amazon/elements/button.variables +18 -23
  282. package/src/themes/amazon/globals/site.variables +16 -17
  283. package/src/themes/basic/assets/fonts/icons.woff2 +0 -0
  284. package/src/themes/basic/collections/table.overrides +0 -1
  285. package/src/themes/basic/collections/table.variables +3 -3
  286. package/src/themes/basic/elements/button.overrides +0 -1
  287. package/src/themes/basic/elements/button.variables +9 -9
  288. package/src/themes/basic/elements/icon.overrides +9 -169
  289. package/src/themes/basic/elements/icon.variables +161 -18
  290. package/src/themes/basic/elements/step.overrides +2 -2
  291. package/src/themes/basic/elements/step.variables +2 -2
  292. package/src/themes/basic/globals/reset.overrides +1 -1
  293. package/src/themes/basic/globals/reset.variables +1 -1
  294. package/src/themes/basic/modules/progress.variables +2 -2
  295. package/src/themes/basic/views/card.overrides +0 -1
  296. package/src/themes/basic/views/card.variables +6 -6
  297. package/src/themes/bookish/elements/header.overrides +4 -4
  298. package/src/themes/bookish/elements/header.variables +5 -5
  299. package/src/themes/bootstrap3/elements/button.overrides +3 -0
  300. package/src/themes/bootstrap3/elements/button.variables +20 -25
  301. package/src/themes/chubby/collections/form.overrides +9 -9
  302. package/src/themes/chubby/collections/form.variables +3 -3
  303. package/src/themes/chubby/collections/menu.overrides +3 -0
  304. package/src/themes/chubby/collections/menu.variables +3 -3
  305. package/src/themes/chubby/elements/button.overrides +8 -10
  306. package/src/themes/chubby/elements/button.variables +10 -10
  307. package/src/themes/chubby/elements/header.overrides +1 -1
  308. package/src/themes/chubby/elements/header.variables +4 -4
  309. package/src/themes/chubby/modules/accordion.overrides +2 -2
  310. package/src/themes/chubby/modules/accordion.variables +4 -4
  311. package/src/themes/chubby/views/comment.overrides +5 -5
  312. package/src/themes/chubby/views/comment.variables +11 -11
  313. package/src/themes/classic/collections/table.variables +3 -3
  314. package/src/themes/classic/elements/button.variables +36 -43
  315. package/src/themes/classic/elements/header.variables +4 -4
  316. package/src/themes/classic/modules/progress.variables +3 -3
  317. package/src/themes/classic/views/card.overrides +25 -27
  318. package/src/themes/classic/views/card.variables +7 -7
  319. package/src/themes/colored/modules/checkbox.overrides +3 -0
  320. package/src/themes/colored/modules/checkbox.variables +1 -3
  321. package/src/themes/default/collections/breadcrumb.variables +4 -4
  322. package/src/themes/default/collections/form.variables +15 -16
  323. package/src/themes/default/collections/grid.overrides +0 -1
  324. package/src/themes/default/collections/grid.variables +15 -16
  325. package/src/themes/default/collections/menu.variables +31 -45
  326. package/src/themes/default/collections/message.variables +84 -123
  327. package/src/themes/default/collections/table.overrides +3 -0
  328. package/src/themes/default/collections/table.variables +30 -34
  329. package/src/themes/default/elements/button.variables +44 -53
  330. package/src/themes/default/elements/container.variables +8 -16
  331. package/src/themes/default/elements/divider.overrides +8 -9
  332. package/src/themes/default/elements/divider.variables +5 -6
  333. package/src/themes/default/elements/emoji.overrides +0 -1
  334. package/src/themes/default/elements/emoji.variables +3556 -3556
  335. package/src/themes/default/elements/flag.variables +1595 -1595
  336. package/src/themes/default/elements/header.overrides +0 -1
  337. package/src/themes/default/elements/header.variables +21 -21
  338. package/src/themes/default/elements/icon.variables +2016 -2012
  339. package/src/themes/default/elements/image.variables +6 -7
  340. package/src/themes/default/elements/input.variables +11 -12
  341. package/src/themes/default/elements/label.variables +25 -26
  342. package/src/themes/default/elements/list.variables +17 -21
  343. package/src/themes/default/elements/loader.variables +16 -17
  344. package/src/themes/default/elements/placeholder.variables +12 -9
  345. package/src/themes/default/elements/rail.variables +4 -5
  346. package/src/themes/default/elements/reveal.variables +1 -1
  347. package/src/themes/default/elements/segment.variables +24 -36
  348. package/src/themes/default/elements/step.overrides +4 -4
  349. package/src/themes/default/elements/step.variables +19 -22
  350. package/src/themes/default/elements/text.variables +2 -3
  351. package/src/themes/default/globals/colors.less +588 -588
  352. package/src/themes/default/globals/reset.overrides +63 -59
  353. package/src/themes/default/globals/reset.variables +1 -1
  354. package/src/themes/default/globals/site.variables +1074 -1123
  355. package/src/themes/default/globals/variation.variables +6 -4
  356. package/src/themes/default/modules/accordion.overrides +11 -11
  357. package/src/themes/default/modules/accordion.variables +15 -20
  358. package/src/themes/default/modules/calendar.variables +2 -0
  359. package/src/themes/default/modules/chatroom.variables +1 -1
  360. package/src/themes/default/modules/checkbox.overrides +9 -13
  361. package/src/themes/default/modules/checkbox.variables +24 -33
  362. package/src/themes/default/modules/dimmer.variables +14 -17
  363. package/src/themes/default/modules/dropdown.overrides +17 -17
  364. package/src/themes/default/modules/dropdown.variables +29 -31
  365. package/src/themes/default/modules/embed.variables +9 -13
  366. package/src/themes/default/modules/flyout.variables +10 -8
  367. package/src/themes/default/modules/modal.variables +64 -67
  368. package/src/themes/default/modules/nag.variables +11 -14
  369. package/src/themes/default/modules/popup.variables +14 -13
  370. package/src/themes/default/modules/progress.variables +17 -19
  371. package/src/themes/default/modules/rating.variables +10 -12
  372. package/src/themes/default/modules/search.variables +12 -17
  373. package/src/themes/default/modules/shape.variables +7 -8
  374. package/src/themes/default/modules/sidebar.variables +4 -4
  375. package/src/themes/default/modules/slider.variables +55 -54
  376. package/src/themes/default/modules/sticky.variables +1 -1
  377. package/src/themes/default/modules/toast.variables +8 -8
  378. package/src/themes/default/modules/transition.overrides +936 -915
  379. package/src/themes/default/modules/transition.variables +1 -1
  380. package/src/themes/default/views/ad.variables +1 -1
  381. package/src/themes/default/views/card.variables +33 -45
  382. package/src/themes/default/views/comment.variables +7 -9
  383. package/src/themes/default/views/feed.variables +10 -10
  384. package/src/themes/default/views/item.variables +20 -23
  385. package/src/themes/default/views/statistic.variables +8 -8
  386. package/src/themes/duo/elements/loader.variables +1 -1
  387. package/src/themes/famfamfam/elements/flag.overrides +263 -268
  388. package/src/themes/famfamfam/elements/flag.variables +4 -4
  389. package/src/themes/fixed-width/collections/grid.variables +4 -4
  390. package/src/themes/fixed-width/modules/modal.variables +11 -13
  391. package/src/themes/flat/collections/form.overrides +9 -9
  392. package/src/themes/flat/collections/form.variables +16 -17
  393. package/src/themes/flat/globals/site.variables +69 -74
  394. package/src/themes/github/assets/fonts/octicons.woff2 +0 -0
  395. package/src/themes/github/collections/breadcrumb.variables +0 -1
  396. package/src/themes/github/collections/form.overrides +7 -8
  397. package/src/themes/github/collections/form.variables +16 -18
  398. package/src/themes/github/collections/grid.variables +1 -2
  399. package/src/themes/github/collections/menu.overrides +2 -2
  400. package/src/themes/github/collections/menu.variables +24 -26
  401. package/src/themes/github/collections/message.overrides +3 -3
  402. package/src/themes/github/collections/message.variables +12 -14
  403. package/src/themes/github/collections/table.variables +2 -2
  404. package/src/themes/github/elements/button.overrides +0 -1
  405. package/src/themes/github/elements/button.variables +26 -30
  406. package/src/themes/github/elements/header.variables +2 -2
  407. package/src/themes/github/elements/icon.overrides +3 -208
  408. package/src/themes/github/elements/icon.variables +234 -19
  409. package/src/themes/github/elements/image.variables +1 -1
  410. package/src/themes/github/elements/input.overrides +16 -16
  411. package/src/themes/github/elements/input.variables +4 -5
  412. package/src/themes/github/elements/label.overrides +3 -3
  413. package/src/themes/github/elements/label.variables +0 -1
  414. package/src/themes/github/elements/segment.variables +9 -10
  415. package/src/themes/github/elements/step.overrides +13 -13
  416. package/src/themes/github/elements/step.variables +6 -6
  417. package/src/themes/github/globals/site.variables +16 -16
  418. package/src/themes/github/modules/dropdown.overrides +18 -19
  419. package/src/themes/github/modules/dropdown.variables +8 -10
  420. package/src/themes/github/modules/popup.variables +0 -2
  421. package/src/themes/gmail/collections/message.overrides +3 -0
  422. package/src/themes/gmail/collections/message.variables +4 -4
  423. package/src/themes/instagram/views/card.overrides +4 -5
  424. package/src/themes/instagram/views/card.variables +7 -8
  425. package/src/themes/joypixels/elements/emoji.overrides +0 -2
  426. package/src/themes/joypixels/elements/emoji.variables +3554 -3554
  427. package/src/themes/material/collections/menu.overrides +1 -1
  428. package/src/themes/material/collections/menu.variables +4 -4
  429. package/src/themes/material/elements/button.overrides +7 -9
  430. package/src/themes/material/elements/button.variables +44 -46
  431. package/src/themes/material/elements/header.overrides +3 -3
  432. package/src/themes/material/elements/header.variables +8 -10
  433. package/src/themes/material/elements/icon.overrides +3 -934
  434. package/src/themes/material/elements/icon.variables +958 -18
  435. package/src/themes/material/globals/site.overrides +3 -0
  436. package/src/themes/material/globals/site.variables +83 -84
  437. package/src/themes/material/modules/dropdown.overrides +2 -2
  438. package/src/themes/material/modules/dropdown.variables +5 -5
  439. package/src/themes/material/modules/modal.overrides +3 -3
  440. package/src/themes/material/modules/modal.variables +4 -5
  441. package/src/themes/pulsar/elements/loader.overrides +23 -61
  442. package/src/themes/raised/elements/button.variables +8 -9
  443. package/src/themes/resetcss/globals/reset.overrides +115 -33
  444. package/src/themes/resetcss/globals/reset.variables +1 -1
  445. package/src/themes/round/elements/button.overrides +3 -0
  446. package/src/themes/round/elements/button.variables +33 -38
  447. package/src/themes/rtl/globals/site.overrides +1 -1
  448. package/src/themes/rtl/globals/site.variables +5 -6
  449. package/src/themes/striped/modules/progress.overrides +20 -16
  450. package/src/themes/systemfont/globals/reset.overrides +1 -1
  451. package/src/themes/systemfont/globals/site.variables +6 -6
  452. package/src/themes/timeline/views/feed.overrides +12 -12
  453. package/src/themes/timeline/views/feed.variables +8 -8
  454. package/src/themes/twitter/elements/button.overrides +4 -5
  455. package/src/themes/twitter/elements/button.variables +17 -18
  456. package/src/themes/twitter/elements/emoji.variables +3556 -3556
  457. package/tasks/.eslintrc.js +9 -0
  458. package/tasks/README.md +2 -4
  459. package/tasks/admin/components/create.js +268 -277
  460. package/tasks/admin/components/init.js +123 -129
  461. package/tasks/admin/components/update.js +151 -158
  462. package/tasks/admin/distributions/create.js +183 -189
  463. package/tasks/admin/distributions/init.js +125 -131
  464. package/tasks/admin/distributions/update.js +147 -153
  465. package/tasks/admin/publish.js +5 -9
  466. package/tasks/admin/register.js +37 -39
  467. package/tasks/admin/release.js +8 -12
  468. package/tasks/build/assets.js +43 -40
  469. package/tasks/build/css.js +230 -217
  470. package/tasks/build/javascript.js +120 -114
  471. package/tasks/build.js +11 -11
  472. package/tasks/check-install.js +15 -17
  473. package/tasks/clean.js +6 -6
  474. package/tasks/collections/README.md +3 -5
  475. package/tasks/collections/admin.js +34 -36
  476. package/tasks/collections/build.js +19 -21
  477. package/tasks/collections/docs.js +11 -13
  478. package/tasks/collections/install.js +11 -13
  479. package/tasks/collections/rtl.js +9 -12
  480. package/tasks/collections/various.js +10 -12
  481. package/tasks/config/admin/github.js +17 -19
  482. package/tasks/config/admin/oauth.example.js +4 -4
  483. package/tasks/config/admin/release.js +98 -98
  484. package/tasks/config/admin/templates/README.md +8 -8
  485. package/tasks/config/admin/templates/bower.json +3 -2
  486. package/tasks/config/admin/templates/component-package.js +9 -10
  487. package/tasks/config/admin/templates/css-package.js +19 -21
  488. package/tasks/config/admin/templates/less-package.js +12 -14
  489. package/tasks/config/admin/templates/package.json +6 -6
  490. package/tasks/config/defaults.js +116 -116
  491. package/tasks/config/docs.js +23 -23
  492. package/tasks/config/npm/gulpfile.js +15 -14
  493. package/tasks/config/project/config.js +124 -136
  494. package/tasks/config/project/install.js +722 -719
  495. package/tasks/config/project/release.js +34 -41
  496. package/tasks/config/tasks.js +168 -167
  497. package/tasks/config/user.js +28 -32
  498. package/tasks/docs/build.js +100 -96
  499. package/tasks/docs/metadata.js +91 -98
  500. package/tasks/docs/serve.js +84 -82
  501. package/tasks/install.js +373 -382
  502. package/tasks/rtl/build.js +4 -3
  503. package/tasks/rtl/watch.js +4 -3
  504. package/tasks/version.js +4 -6
  505. package/tasks/watch.js +29 -31
  506. package/test/.eslintrc.js +23 -0
  507. package/test/meteor/assets.js +11 -14
  508. package/test/meteor/fonts.js +12 -13
  509. package/test/modules/accordion.spec.js +6 -8
  510. package/test/modules/checkbox.spec.js +5 -7
  511. package/test/modules/dropdown.spec.js +5 -7
  512. package/test/modules/modal.spec.js +6 -8
  513. package/test/modules/module.spec.js +158 -178
  514. package/test/modules/popup.spec.js +5 -7
  515. package/test/modules/search.spec.js +5 -7
  516. package/test/modules/shape.spec.js +5 -7
  517. package/test/modules/sidebar.spec.js +5 -7
  518. package/test/modules/tab.spec.js +6 -8
  519. package/test/modules/transition.spec.js +5 -7
  520. package/test/modules/video.spec.js +5 -7
  521. package/.github/workflows/codeql.yml +0 -68
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * # Fomantic-UI 2.9.1-beta.8+edc5e7e - Transition
2
+ * # Fomantic-UI 2.9.1 - Transition
3
3
  * https://github.com/fomantic/Fomantic-UI/
4
4
  *
5
5
  *
@@ -14,14 +14,10 @@
14
14
  *******************************/
15
15
 
16
16
  .transition {
17
- -webkit-animation-iteration-count: 1;
18
- animation-iteration-count: 1;
19
- -webkit-animation-duration: 300ms;
20
- animation-duration: 300ms;
21
- -webkit-animation-timing-function: ease;
22
- animation-timing-function: ease;
23
- -webkit-animation-fill-mode: both;
24
- animation-fill-mode: both;
17
+ animation-iteration-count: 1;
18
+ animation-duration: 300ms;
19
+ animation-timing-function: ease;
20
+ animation-fill-mode: both;
25
21
  }
26
22
 
27
23
 
@@ -55,13 +51,13 @@
55
51
  display: block !important;
56
52
  visibility: visible !important;
57
53
 
58
- /* backface-visibility: @backfaceVisibility;
59
- transform: @use3DAcceleration;*/
54
+ /* backface-visibility: @backfaceVisibility;
55
+ transform: @use3DAcceleration; */
60
56
  }
57
+
61
58
  /* Disabled */
62
59
  .disabled.transition {
63
- -webkit-animation-play-state: paused;
64
- animation-play-state: paused;
60
+ animation-play-state: paused;
65
61
  }
66
62
 
67
63
 
@@ -70,154 +66,112 @@
70
66
  *******************************/
71
67
 
72
68
  .looping.transition {
73
- -webkit-animation-iteration-count: infinite;
74
- animation-iteration-count: infinite;
69
+ animation-iteration-count: infinite;
75
70
  }
76
71
 
77
72
  /* Pulsating */
78
73
  .pulsating.transition {
79
- -webkit-animation-name: pulsating;
80
- animation-name: pulsating;
81
- -webkit-animation-duration: 2000ms;
82
- animation-duration: 2000ms;
83
- -webkit-box-shadow: 0 0 0 0 rgba(128, 128, 128, 0.5);
84
- box-shadow: 0 0 0 0 rgba(128, 128, 128, 0.5);
74
+ animation-name: pulsating;
75
+ animation-duration: 2000ms;
76
+ box-shadow: 0 0 0 0 rgba(128, 128, 128, 0.5);
85
77
  }
86
78
  .inverted.pulsating.transition {
87
- -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.7);
88
- box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.7);
89
- }
90
- @-webkit-keyframes pulsating {
91
- 100% {
92
- -webkit-box-shadow: 0 0 0 0.8rem rgba(255, 255, 255, 0);
93
- box-shadow: 0 0 0 0.8rem rgba(255, 255, 255, 0);
94
- }
79
+ box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.7);
95
80
  }
96
81
  @keyframes pulsating {
97
82
  100% {
98
- -webkit-box-shadow: 0 0 0 0.8rem rgba(255, 255, 255, 0);
99
- box-shadow: 0 0 0 0.8rem rgba(255, 255, 255, 0);
83
+ box-shadow: 0 0 0 0.8rem rgba(255, 255, 255, 0);
100
84
  }
101
85
  }
102
86
  .primary.pulsating.transition {
103
- -webkit-box-shadow: 0 0 0 0 rgba(33, 133, 208, 0.5);
104
- box-shadow: 0 0 0 0 rgba(33, 133, 208, 0.5);
87
+ box-shadow: 0 0 0 0 rgba(33, 133, 208, 0.5);
105
88
  }
106
89
  .primary.inverted.pulsating.transition {
107
- -webkit-box-shadow: 0 0 0 0 rgba(84, 200, 255, 0.7);
108
- box-shadow: 0 0 0 0 rgba(84, 200, 255, 0.7);
90
+ box-shadow: 0 0 0 0 rgba(84, 200, 255, 0.7);
109
91
  }
110
92
  .secondary.pulsating.transition {
111
- -webkit-box-shadow: 0 0 0 0 rgba(27, 28, 29, 0.5);
112
- box-shadow: 0 0 0 0 rgba(27, 28, 29, 0.5);
93
+ box-shadow: 0 0 0 0 rgba(27, 28, 29, 0.5);
113
94
  }
114
95
  .secondary.inverted.pulsating.transition {
115
- -webkit-box-shadow: 0 0 0 0 rgba(84, 84, 84, 0.7);
116
- box-shadow: 0 0 0 0 rgba(84, 84, 84, 0.7);
96
+ box-shadow: 0 0 0 0 rgba(84, 84, 84, 0.7);
117
97
  }
118
98
  .red.pulsating.transition {
119
- -webkit-box-shadow: 0 0 0 0 rgba(219, 40, 40, 0.5);
120
- box-shadow: 0 0 0 0 rgba(219, 40, 40, 0.5);
99
+ box-shadow: 0 0 0 0 rgba(219, 40, 40, 0.5);
121
100
  }
122
101
  .red.inverted.pulsating.transition {
123
- -webkit-box-shadow: 0 0 0 0 rgba(255, 105, 94, 0.7);
124
- box-shadow: 0 0 0 0 rgba(255, 105, 94, 0.7);
102
+ box-shadow: 0 0 0 0 rgba(255, 105, 94, 0.7);
125
103
  }
126
104
  .orange.pulsating.transition {
127
- -webkit-box-shadow: 0 0 0 0 rgba(242, 113, 28, 0.5);
128
- box-shadow: 0 0 0 0 rgba(242, 113, 28, 0.5);
105
+ box-shadow: 0 0 0 0 rgba(242, 113, 28, 0.5);
129
106
  }
130
107
  .orange.inverted.pulsating.transition {
131
- -webkit-box-shadow: 0 0 0 0 rgba(255, 133, 27, 0.7);
132
- box-shadow: 0 0 0 0 rgba(255, 133, 27, 0.7);
108
+ box-shadow: 0 0 0 0 rgba(255, 133, 27, 0.7);
133
109
  }
134
110
  .yellow.pulsating.transition {
135
- -webkit-box-shadow: 0 0 0 0 rgba(251, 189, 8, 0.5);
136
- box-shadow: 0 0 0 0 rgba(251, 189, 8, 0.5);
111
+ box-shadow: 0 0 0 0 rgba(251, 189, 8, 0.5);
137
112
  }
138
113
  .yellow.inverted.pulsating.transition {
139
- -webkit-box-shadow: 0 0 0 0 rgba(255, 226, 31, 0.7);
140
- box-shadow: 0 0 0 0 rgba(255, 226, 31, 0.7);
114
+ box-shadow: 0 0 0 0 rgba(255, 226, 31, 0.7);
141
115
  }
142
116
  .olive.pulsating.transition {
143
- -webkit-box-shadow: 0 0 0 0 rgba(181, 204, 24, 0.5);
144
- box-shadow: 0 0 0 0 rgba(181, 204, 24, 0.5);
117
+ box-shadow: 0 0 0 0 rgba(181, 204, 24, 0.5);
145
118
  }
146
119
  .olive.inverted.pulsating.transition {
147
- -webkit-box-shadow: 0 0 0 0 rgba(217, 231, 120, 0.7);
148
- box-shadow: 0 0 0 0 rgba(217, 231, 120, 0.7);
120
+ box-shadow: 0 0 0 0 rgba(217, 231, 120, 0.7);
149
121
  }
150
122
  .green.pulsating.transition {
151
- -webkit-box-shadow: 0 0 0 0 rgba(33, 186, 69, 0.5);
152
- box-shadow: 0 0 0 0 rgba(33, 186, 69, 0.5);
123
+ box-shadow: 0 0 0 0 rgba(33, 186, 69, 0.5);
153
124
  }
154
125
  .green.inverted.pulsating.transition {
155
- -webkit-box-shadow: 0 0 0 0 rgba(46, 204, 64, 0.7);
156
- box-shadow: 0 0 0 0 rgba(46, 204, 64, 0.7);
126
+ box-shadow: 0 0 0 0 rgba(46, 204, 64, 0.7);
157
127
  }
158
128
  .teal.pulsating.transition {
159
- -webkit-box-shadow: 0 0 0 0 rgba(0, 181, 173, 0.5);
160
- box-shadow: 0 0 0 0 rgba(0, 181, 173, 0.5);
129
+ box-shadow: 0 0 0 0 rgba(0, 181, 173, 0.5);
161
130
  }
162
131
  .teal.inverted.pulsating.transition {
163
- -webkit-box-shadow: 0 0 0 0 rgba(109, 255, 255, 0.7);
164
- box-shadow: 0 0 0 0 rgba(109, 255, 255, 0.7);
132
+ box-shadow: 0 0 0 0 rgba(109, 255, 255, 0.7);
165
133
  }
166
134
  .blue.pulsating.transition {
167
- -webkit-box-shadow: 0 0 0 0 rgba(33, 133, 208, 0.5);
168
- box-shadow: 0 0 0 0 rgba(33, 133, 208, 0.5);
135
+ box-shadow: 0 0 0 0 rgba(33, 133, 208, 0.5);
169
136
  }
170
137
  .blue.inverted.pulsating.transition {
171
- -webkit-box-shadow: 0 0 0 0 rgba(84, 200, 255, 0.7);
172
- box-shadow: 0 0 0 0 rgba(84, 200, 255, 0.7);
138
+ box-shadow: 0 0 0 0 rgba(84, 200, 255, 0.7);
173
139
  }
174
140
  .violet.pulsating.transition {
175
- -webkit-box-shadow: 0 0 0 0 rgba(100, 53, 201, 0.5);
176
- box-shadow: 0 0 0 0 rgba(100, 53, 201, 0.5);
141
+ box-shadow: 0 0 0 0 rgba(100, 53, 201, 0.5);
177
142
  }
178
143
  .violet.inverted.pulsating.transition {
179
- -webkit-box-shadow: 0 0 0 0 rgba(162, 145, 251, 0.7);
180
- box-shadow: 0 0 0 0 rgba(162, 145, 251, 0.7);
144
+ box-shadow: 0 0 0 0 rgba(162, 145, 251, 0.7);
181
145
  }
182
146
  .purple.pulsating.transition {
183
- -webkit-box-shadow: 0 0 0 0 rgba(163, 51, 200, 0.5);
184
- box-shadow: 0 0 0 0 rgba(163, 51, 200, 0.5);
147
+ box-shadow: 0 0 0 0 rgba(163, 51, 200, 0.5);
185
148
  }
186
149
  .purple.inverted.pulsating.transition {
187
- -webkit-box-shadow: 0 0 0 0 rgba(220, 115, 255, 0.7);
188
- box-shadow: 0 0 0 0 rgba(220, 115, 255, 0.7);
150
+ box-shadow: 0 0 0 0 rgba(220, 115, 255, 0.7);
189
151
  }
190
152
  .pink.pulsating.transition {
191
- -webkit-box-shadow: 0 0 0 0 rgba(224, 57, 151, 0.5);
192
- box-shadow: 0 0 0 0 rgba(224, 57, 151, 0.5);
153
+ box-shadow: 0 0 0 0 rgba(224, 57, 151, 0.5);
193
154
  }
194
155
  .pink.inverted.pulsating.transition {
195
- -webkit-box-shadow: 0 0 0 0 rgba(255, 142, 223, 0.7);
196
- box-shadow: 0 0 0 0 rgba(255, 142, 223, 0.7);
156
+ box-shadow: 0 0 0 0 rgba(255, 142, 223, 0.7);
197
157
  }
198
158
  .brown.pulsating.transition {
199
- -webkit-box-shadow: 0 0 0 0 rgba(165, 103, 63, 0.5);
200
- box-shadow: 0 0 0 0 rgba(165, 103, 63, 0.5);
159
+ box-shadow: 0 0 0 0 rgba(165, 103, 63, 0.5);
201
160
  }
202
161
  .brown.inverted.pulsating.transition {
203
- -webkit-box-shadow: 0 0 0 0 rgba(214, 124, 28, 0.7);
204
- box-shadow: 0 0 0 0 rgba(214, 124, 28, 0.7);
162
+ box-shadow: 0 0 0 0 rgba(214, 124, 28, 0.7);
205
163
  }
206
164
  .grey.pulsating.transition {
207
- -webkit-box-shadow: 0 0 0 0 rgba(118, 118, 118, 0.5);
208
- box-shadow: 0 0 0 0 rgba(118, 118, 118, 0.5);
165
+ box-shadow: 0 0 0 0 rgba(118, 118, 118, 0.5);
209
166
  }
210
167
  .grey.inverted.pulsating.transition {
211
- -webkit-box-shadow: 0 0 0 0 rgba(220, 221, 222, 0.7);
212
- box-shadow: 0 0 0 0 rgba(220, 221, 222, 0.7);
168
+ box-shadow: 0 0 0 0 rgba(220, 221, 222, 0.7);
213
169
  }
214
170
  .black.pulsating.transition {
215
- -webkit-box-shadow: 0 0 0 0 rgba(27, 28, 29, 0.5);
216
- box-shadow: 0 0 0 0 rgba(27, 28, 29, 0.5);
171
+ box-shadow: 0 0 0 0 rgba(27, 28, 29, 0.5);
217
172
  }
218
173
  .black.inverted.pulsating.transition {
219
- -webkit-box-shadow: 0 0 0 0 rgba(84, 84, 84, 0.7);
220
- box-shadow: 0 0 0 0 rgba(84, 84, 84, 0.7);
174
+ box-shadow: 0 0 0 0 rgba(84, 84, 84, 0.7);
221
175
  }
222
176
 
223
177
 
@@ -233,289 +187,155 @@
233
187
  by Nick Pettit - https://github.com/nickpettit/glide
234
188
  */
235
189
 
236
- /*--------------
237
- Browse
238
- ---------------*/
239
-
190
+ /* --------------
191
+ Browse
192
+ --------------- */
240
193
  .transition.browse {
241
- -webkit-animation-duration: 500ms;
242
- animation-duration: 500ms;
194
+ animation-duration: 500ms;
243
195
  }
244
196
  .transition.browse.in {
245
- -webkit-animation-name: browseIn;
246
- animation-name: browseIn;
197
+ animation-name: browseIn;
247
198
  }
248
199
  .transition.browse.out,
249
200
  .transition.browse.left.out {
250
- -webkit-animation-name: browseOutLeft;
251
- animation-name: browseOutLeft;
201
+ animation-name: browseOutLeft;
252
202
  }
253
203
  .transition.browse.right.out {
254
- -webkit-animation-name: browseOutRight;
255
- animation-name: browseOutRight;
204
+ animation-name: browseOutRight;
256
205
  }
257
206
 
258
207
  /* In */
259
- @-webkit-keyframes browseIn {
260
- 0% {
261
- -webkit-transform: scale(0.8) translateZ(0px);
262
- transform: scale(0.8) translateZ(0px);
263
- z-index: -1;
264
- }
265
- 10% {
266
- -webkit-transform: scale(0.8) translateZ(0px);
267
- transform: scale(0.8) translateZ(0px);
268
- z-index: -1;
269
- opacity: 0.7;
270
- }
271
- 80% {
272
- -webkit-transform: scale(1.05) translateZ(0px);
273
- transform: scale(1.05) translateZ(0px);
274
- opacity: 1;
275
- z-index: 999;
276
- }
277
- 100% {
278
- -webkit-transform: scale(1) translateZ(0px);
279
- transform: scale(1) translateZ(0px);
280
- z-index: 999;
281
- }
282
- }
283
208
  @keyframes browseIn {
284
209
  0% {
285
- -webkit-transform: scale(0.8) translateZ(0px);
286
- transform: scale(0.8) translateZ(0px);
210
+ transform: scale(0.8) translateZ(0);
287
211
  z-index: -1;
288
212
  }
289
213
  10% {
290
- -webkit-transform: scale(0.8) translateZ(0px);
291
- transform: scale(0.8) translateZ(0px);
214
+ transform: scale(0.8) translateZ(0);
292
215
  z-index: -1;
293
216
  opacity: 0.7;
294
217
  }
295
218
  80% {
296
- -webkit-transform: scale(1.05) translateZ(0px);
297
- transform: scale(1.05) translateZ(0px);
219
+ transform: scale(1.05) translateZ(0);
298
220
  opacity: 1;
299
221
  z-index: 999;
300
222
  }
301
223
  100% {
302
- -webkit-transform: scale(1) translateZ(0px);
303
- transform: scale(1) translateZ(0px);
224
+ transform: scale(1) translateZ(0);
304
225
  z-index: 999;
305
226
  }
306
227
  }
307
228
 
308
229
  /* Out */
309
- @-webkit-keyframes browseOutLeft {
310
- 0% {
311
- z-index: 999;
312
- -webkit-transform: translateX(0%) rotateY(0deg) rotateX(0deg);
313
- transform: translateX(0%) rotateY(0deg) rotateX(0deg);
314
- }
315
- 50% {
316
- z-index: -1;
317
- -webkit-transform: translateX(-105%) rotateY(35deg) rotateX(10deg) translateZ(-10px);
318
- transform: translateX(-105%) rotateY(35deg) rotateX(10deg) translateZ(-10px);
319
- }
320
- 80% {
321
- opacity: 1;
322
- }
323
- 100% {
324
- z-index: -1;
325
- -webkit-transform: translateX(0%) rotateY(0deg) rotateX(0deg) translateZ(-10px);
326
- transform: translateX(0%) rotateY(0deg) rotateX(0deg) translateZ(-10px);
327
- opacity: 0;
328
- }
329
- }
330
230
  @keyframes browseOutLeft {
331
231
  0% {
332
232
  z-index: 999;
333
- -webkit-transform: translateX(0%) rotateY(0deg) rotateX(0deg);
334
- transform: translateX(0%) rotateY(0deg) rotateX(0deg);
233
+ transform: translateX(0) rotateY(0) rotateX(0);
335
234
  }
336
235
  50% {
337
236
  z-index: -1;
338
- -webkit-transform: translateX(-105%) rotateY(35deg) rotateX(10deg) translateZ(-10px);
339
- transform: translateX(-105%) rotateY(35deg) rotateX(10deg) translateZ(-10px);
237
+ transform: translateX(-105%) rotateY(35deg) rotateX(10deg) translateZ(-10px);
340
238
  }
341
239
  80% {
342
240
  opacity: 1;
343
241
  }
344
242
  100% {
345
243
  z-index: -1;
346
- -webkit-transform: translateX(0%) rotateY(0deg) rotateX(0deg) translateZ(-10px);
347
- transform: translateX(0%) rotateY(0deg) rotateX(0deg) translateZ(-10px);
348
- opacity: 0;
349
- }
350
- }
351
- @-webkit-keyframes browseOutRight {
352
- 0% {
353
- z-index: 999;
354
- -webkit-transform: translateX(0%) rotateY(0deg) rotateX(0deg);
355
- transform: translateX(0%) rotateY(0deg) rotateX(0deg);
356
- }
357
- 50% {
358
- z-index: 1;
359
- -webkit-transform: translateX(105%) rotateY(35deg) rotateX(10deg) translateZ(-10px);
360
- transform: translateX(105%) rotateY(35deg) rotateX(10deg) translateZ(-10px);
361
- }
362
- 80% {
363
- opacity: 1;
364
- }
365
- 100% {
366
- z-index: 1;
367
- -webkit-transform: translateX(0%) rotateY(0deg) rotateX(0deg) translateZ(-10px);
368
- transform: translateX(0%) rotateY(0deg) rotateX(0deg) translateZ(-10px);
244
+ transform: translateX(0) rotateY(0) rotateX(0) translateZ(-10px);
369
245
  opacity: 0;
370
246
  }
371
247
  }
372
248
  @keyframes browseOutRight {
373
249
  0% {
374
250
  z-index: 999;
375
- -webkit-transform: translateX(0%) rotateY(0deg) rotateX(0deg);
376
- transform: translateX(0%) rotateY(0deg) rotateX(0deg);
251
+ transform: translateX(0) rotateY(0) rotateX(0);
377
252
  }
378
253
  50% {
379
254
  z-index: 1;
380
- -webkit-transform: translateX(105%) rotateY(35deg) rotateX(10deg) translateZ(-10px);
381
- transform: translateX(105%) rotateY(35deg) rotateX(10deg) translateZ(-10px);
255
+ transform: translateX(105%) rotateY(35deg) rotateX(10deg) translateZ(-10px);
382
256
  }
383
257
  80% {
384
258
  opacity: 1;
385
259
  }
386
260
  100% {
387
261
  z-index: 1;
388
- -webkit-transform: translateX(0%) rotateY(0deg) rotateX(0deg) translateZ(-10px);
389
- transform: translateX(0%) rotateY(0deg) rotateX(0deg) translateZ(-10px);
262
+ transform: translateX(0) rotateY(0) rotateX(0) translateZ(-10px);
390
263
  opacity: 0;
391
264
  }
392
265
  }
393
266
 
394
- /*--------------
395
- Drop
396
- ---------------*/
397
-
267
+ /* --------------
268
+ Drop
269
+ --------------- */
398
270
  .drop.transition {
399
- -webkit-transform-origin: top center;
400
- transform-origin: top center;
401
- -webkit-animation-duration: 400ms;
402
- animation-duration: 400ms;
403
- -webkit-animation-timing-function: cubic-bezier(0.34, 1.61, 0.7, 1);
404
- animation-timing-function: cubic-bezier(0.34, 1.61, 0.7, 1);
271
+ transform-origin: top center;
272
+ animation-duration: 400ms;
273
+ animation-timing-function: cubic-bezier(0.34, 1.61, 0.7, 1);
405
274
  }
406
275
  .drop.transition.in {
407
- -webkit-animation-name: dropIn;
408
- animation-name: dropIn;
276
+ animation-name: dropIn;
409
277
  }
410
278
  .drop.transition.out {
411
- -webkit-animation-name: dropOut;
412
- animation-name: dropOut;
279
+ animation-name: dropOut;
413
280
  }
414
281
 
415
282
  /* Drop */
416
- @-webkit-keyframes dropIn {
417
- 0% {
418
- opacity: 0;
419
- -webkit-transform: scale(0);
420
- transform: scale(0);
421
- }
422
- 100% {
423
- opacity: 1;
424
- -webkit-transform: scale(1);
425
- transform: scale(1);
426
- }
427
- }
428
283
  @keyframes dropIn {
429
284
  0% {
430
285
  opacity: 0;
431
- -webkit-transform: scale(0);
432
- transform: scale(0);
286
+ transform: scale(0);
433
287
  }
434
288
  100% {
435
289
  opacity: 1;
436
- -webkit-transform: scale(1);
437
- transform: scale(1);
438
- }
439
- }
440
- @-webkit-keyframes dropOut {
441
- 0% {
442
- opacity: 1;
443
- -webkit-transform: scale(1);
444
- transform: scale(1);
445
- }
446
- 100% {
447
- opacity: 0;
448
- -webkit-transform: scale(0);
449
- transform: scale(0);
290
+ transform: scale(1);
450
291
  }
451
292
  }
452
293
  @keyframes dropOut {
453
294
  0% {
454
295
  opacity: 1;
455
- -webkit-transform: scale(1);
456
- transform: scale(1);
296
+ transform: scale(1);
457
297
  }
458
298
  100% {
459
299
  opacity: 0;
460
- -webkit-transform: scale(0);
461
- transform: scale(0);
300
+ transform: scale(0);
462
301
  }
463
302
  }
464
303
 
465
- /*--------------
466
- Fade
467
- ---------------*/
468
-
304
+ /* --------------
305
+ Fade
306
+ --------------- */
469
307
  .transition.fade.in {
470
- -webkit-animation-name: fadeIn;
471
- animation-name: fadeIn;
308
+ animation-name: fadeIn;
472
309
  }
473
310
  .transition[class*="fade up"].in {
474
- -webkit-animation-name: fadeInUp;
475
- animation-name: fadeInUp;
311
+ animation-name: fadeInUp;
476
312
  }
477
313
  .transition[class*="fade down"].in {
478
- -webkit-animation-name: fadeInDown;
479
- animation-name: fadeInDown;
314
+ animation-name: fadeInDown;
480
315
  }
481
316
  .transition[class*="fade left"].in {
482
- -webkit-animation-name: fadeInLeft;
483
- animation-name: fadeInLeft;
317
+ animation-name: fadeInLeft;
484
318
  }
485
319
  .transition[class*="fade right"].in {
486
- -webkit-animation-name: fadeInRight;
487
- animation-name: fadeInRight;
320
+ animation-name: fadeInRight;
488
321
  }
489
322
  .transition.fade.out {
490
- -webkit-animation-name: fadeOut;
491
- animation-name: fadeOut;
323
+ animation-name: fadeOut;
492
324
  }
493
325
  .transition[class*="fade up"].out {
494
- -webkit-animation-name: fadeOutUp;
495
- animation-name: fadeOutUp;
326
+ animation-name: fadeOutUp;
496
327
  }
497
328
  .transition[class*="fade down"].out {
498
- -webkit-animation-name: fadeOutDown;
499
- animation-name: fadeOutDown;
329
+ animation-name: fadeOutDown;
500
330
  }
501
331
  .transition[class*="fade left"].out {
502
- -webkit-animation-name: fadeOutLeft;
503
- animation-name: fadeOutLeft;
332
+ animation-name: fadeOutLeft;
504
333
  }
505
334
  .transition[class*="fade right"].out {
506
- -webkit-animation-name: fadeOutRight;
507
- animation-name: fadeOutRight;
335
+ animation-name: fadeOutRight;
508
336
  }
509
337
 
510
338
  /* In */
511
- @-webkit-keyframes fadeIn {
512
- 0% {
513
- opacity: 0;
514
- }
515
- 100% {
516
- opacity: 1;
517
- }
518
- }
519
339
  @keyframes fadeIn {
520
340
  0% {
521
341
  opacity: 0;
@@ -524,112 +344,48 @@
524
344
  opacity: 1;
525
345
  }
526
346
  }
527
- @-webkit-keyframes fadeInUp {
528
- 0% {
529
- opacity: 0;
530
- -webkit-transform: translateY(10%);
531
- transform: translateY(10%);
532
- }
533
- 100% {
534
- opacity: 1;
535
- -webkit-transform: translateY(0%);
536
- transform: translateY(0%);
537
- }
538
- }
539
347
  @keyframes fadeInUp {
540
348
  0% {
541
349
  opacity: 0;
542
- -webkit-transform: translateY(10%);
543
- transform: translateY(10%);
350
+ transform: translateY(10%);
544
351
  }
545
352
  100% {
546
353
  opacity: 1;
547
- -webkit-transform: translateY(0%);
548
- transform: translateY(0%);
549
- }
550
- }
551
- @-webkit-keyframes fadeInDown {
552
- 0% {
553
- opacity: 0;
554
- -webkit-transform: translateY(-10%);
555
- transform: translateY(-10%);
556
- }
557
- 100% {
558
- opacity: 1;
559
- -webkit-transform: translateY(0%);
560
- transform: translateY(0%);
354
+ transform: translateY(0);
561
355
  }
562
356
  }
563
357
  @keyframes fadeInDown {
564
358
  0% {
565
359
  opacity: 0;
566
- -webkit-transform: translateY(-10%);
567
- transform: translateY(-10%);
360
+ transform: translateY(-10%);
568
361
  }
569
362
  100% {
570
363
  opacity: 1;
571
- -webkit-transform: translateY(0%);
572
- transform: translateY(0%);
573
- }
574
- }
575
- @-webkit-keyframes fadeInLeft {
576
- 0% {
577
- opacity: 0;
578
- -webkit-transform: translateX(10%);
579
- transform: translateX(10%);
580
- }
581
- 100% {
582
- opacity: 1;
583
- -webkit-transform: translateX(0%);
584
- transform: translateX(0%);
364
+ transform: translateY(0);
585
365
  }
586
366
  }
587
367
  @keyframes fadeInLeft {
588
368
  0% {
589
369
  opacity: 0;
590
- -webkit-transform: translateX(10%);
591
- transform: translateX(10%);
370
+ transform: translateX(10%);
592
371
  }
593
372
  100% {
594
373
  opacity: 1;
595
- -webkit-transform: translateX(0%);
596
- transform: translateX(0%);
597
- }
598
- }
599
- @-webkit-keyframes fadeInRight {
600
- 0% {
601
- opacity: 0;
602
- -webkit-transform: translateX(-10%);
603
- transform: translateX(-10%);
604
- }
605
- 100% {
606
- opacity: 1;
607
- -webkit-transform: translateX(0%);
608
- transform: translateX(0%);
374
+ transform: translateX(0);
609
375
  }
610
376
  }
611
377
  @keyframes fadeInRight {
612
378
  0% {
613
379
  opacity: 0;
614
- -webkit-transform: translateX(-10%);
615
- transform: translateX(-10%);
380
+ transform: translateX(-10%);
616
381
  }
617
382
  100% {
618
383
  opacity: 1;
619
- -webkit-transform: translateX(0%);
620
- transform: translateX(0%);
384
+ transform: translateX(0);
621
385
  }
622
386
  }
623
387
 
624
388
  /* Out */
625
- @-webkit-keyframes fadeOut {
626
- 0% {
627
- opacity: 1;
628
- }
629
- 100% {
630
- opacity: 0;
631
- }
632
- }
633
389
  @keyframes fadeOut {
634
390
  0% {
635
391
  opacity: 1;
@@ -638,1218 +394,579 @@
638
394
  opacity: 0;
639
395
  }
640
396
  }
641
- @-webkit-keyframes fadeOutUp {
642
- 0% {
643
- opacity: 1;
644
- -webkit-transform: translateY(0%);
645
- transform: translateY(0%);
646
- }
647
- 100% {
648
- opacity: 0;
649
- -webkit-transform: translateY(5%);
650
- transform: translateY(5%);
651
- }
652
- }
653
397
  @keyframes fadeOutUp {
654
398
  0% {
655
399
  opacity: 1;
656
- -webkit-transform: translateY(0%);
657
- transform: translateY(0%);
400
+ transform: translateY(0);
658
401
  }
659
402
  100% {
660
403
  opacity: 0;
661
- -webkit-transform: translateY(5%);
662
- transform: translateY(5%);
663
- }
664
- }
665
- @-webkit-keyframes fadeOutDown {
666
- 0% {
667
- opacity: 1;
668
- -webkit-transform: translateY(0%);
669
- transform: translateY(0%);
670
- }
671
- 100% {
672
- opacity: 0;
673
- -webkit-transform: translateY(-5%);
674
- transform: translateY(-5%);
404
+ transform: translateY(5%);
675
405
  }
676
406
  }
677
407
  @keyframes fadeOutDown {
678
408
  0% {
679
409
  opacity: 1;
680
- -webkit-transform: translateY(0%);
681
- transform: translateY(0%);
682
- }
683
- 100% {
684
- opacity: 0;
685
- -webkit-transform: translateY(-5%);
686
- transform: translateY(-5%);
687
- }
688
- }
689
- @-webkit-keyframes fadeOutLeft {
690
- 0% {
691
- opacity: 1;
692
- -webkit-transform: translateX(0%);
693
- transform: translateX(0%);
410
+ transform: translateY(0);
694
411
  }
695
412
  100% {
696
413
  opacity: 0;
697
- -webkit-transform: translateX(5%);
698
- transform: translateX(5%);
414
+ transform: translateY(-5%);
699
415
  }
700
416
  }
701
417
  @keyframes fadeOutLeft {
702
418
  0% {
703
419
  opacity: 1;
704
- -webkit-transform: translateX(0%);
705
- transform: translateX(0%);
706
- }
707
- 100% {
708
- opacity: 0;
709
- -webkit-transform: translateX(5%);
710
- transform: translateX(5%);
711
- }
712
- }
713
- @-webkit-keyframes fadeOutRight {
714
- 0% {
715
- opacity: 1;
716
- -webkit-transform: translateX(0%);
717
- transform: translateX(0%);
420
+ transform: translateX(0);
718
421
  }
719
422
  100% {
720
423
  opacity: 0;
721
- -webkit-transform: translateX(-5%);
722
- transform: translateX(-5%);
424
+ transform: translateX(5%);
723
425
  }
724
426
  }
725
427
  @keyframes fadeOutRight {
726
428
  0% {
727
429
  opacity: 1;
728
- -webkit-transform: translateX(0%);
729
- transform: translateX(0%);
430
+ transform: translateX(0);
730
431
  }
731
432
  100% {
732
433
  opacity: 0;
733
- -webkit-transform: translateX(-5%);
734
- transform: translateX(-5%);
434
+ transform: translateX(-5%);
735
435
  }
736
436
  }
737
437
 
738
- /*--------------
739
- Flips
740
- ---------------*/
741
-
438
+ /* --------------
439
+ Flips
440
+ --------------- */
742
441
  .flip.transition.in,
743
442
  .flip.transition.out {
744
- -webkit-animation-duration: 600ms;
745
- animation-duration: 600ms;
443
+ animation-duration: 600ms;
746
444
  }
747
445
  .horizontal.flip.transition.in {
748
- -webkit-animation-name: horizontalFlipIn;
749
- animation-name: horizontalFlipIn;
446
+ animation-name: horizontalFlipIn;
750
447
  }
751
448
  .horizontal.flip.transition.out {
752
- -webkit-animation-name: horizontalFlipOut;
753
- animation-name: horizontalFlipOut;
449
+ animation-name: horizontalFlipOut;
754
450
  }
755
451
  .vertical.flip.transition.in {
756
- -webkit-animation-name: verticalFlipIn;
757
- animation-name: verticalFlipIn;
452
+ animation-name: verticalFlipIn;
758
453
  }
759
454
  .vertical.flip.transition.out {
760
- -webkit-animation-name: verticalFlipOut;
761
- animation-name: verticalFlipOut;
455
+ animation-name: verticalFlipOut;
762
456
  }
763
457
 
764
458
  /* In */
765
- @-webkit-keyframes horizontalFlipIn {
766
- 0% {
767
- -webkit-transform: perspective(2000px) rotateY(-90deg);
768
- transform: perspective(2000px) rotateY(-90deg);
769
- opacity: 0;
770
- }
771
- 100% {
772
- -webkit-transform: perspective(2000px) rotateY(0deg);
773
- transform: perspective(2000px) rotateY(0deg);
774
- opacity: 1;
775
- }
776
- }
777
459
  @keyframes horizontalFlipIn {
778
460
  0% {
779
- -webkit-transform: perspective(2000px) rotateY(-90deg);
780
- transform: perspective(2000px) rotateY(-90deg);
781
- opacity: 0;
782
- }
783
- 100% {
784
- -webkit-transform: perspective(2000px) rotateY(0deg);
785
- transform: perspective(2000px) rotateY(0deg);
786
- opacity: 1;
787
- }
788
- }
789
- @-webkit-keyframes verticalFlipIn {
790
- 0% {
791
- -webkit-transform: perspective(2000px) rotateX(-90deg);
792
- transform: perspective(2000px) rotateX(-90deg);
461
+ transform: perspective(2000px) rotateY(-90deg);
793
462
  opacity: 0;
794
463
  }
795
464
  100% {
796
- -webkit-transform: perspective(2000px) rotateX(0deg);
797
- transform: perspective(2000px) rotateX(0deg);
465
+ transform: perspective(2000px) rotateY(0);
798
466
  opacity: 1;
799
467
  }
800
468
  }
801
469
  @keyframes verticalFlipIn {
802
470
  0% {
803
- -webkit-transform: perspective(2000px) rotateX(-90deg);
804
- transform: perspective(2000px) rotateX(-90deg);
471
+ transform: perspective(2000px) rotateX(-90deg);
805
472
  opacity: 0;
806
473
  }
807
474
  100% {
808
- -webkit-transform: perspective(2000px) rotateX(0deg);
809
- transform: perspective(2000px) rotateX(0deg);
475
+ transform: perspective(2000px) rotateX(0);
810
476
  opacity: 1;
811
477
  }
812
478
  }
813
479
 
814
480
  /* Out */
815
- @-webkit-keyframes horizontalFlipOut {
816
- 0% {
817
- -webkit-transform: perspective(2000px) rotateY(0deg);
818
- transform: perspective(2000px) rotateY(0deg);
819
- opacity: 1;
820
- }
821
- 100% {
822
- -webkit-transform: perspective(2000px) rotateY(90deg);
823
- transform: perspective(2000px) rotateY(90deg);
824
- opacity: 0;
825
- }
826
- }
827
481
  @keyframes horizontalFlipOut {
828
482
  0% {
829
- -webkit-transform: perspective(2000px) rotateY(0deg);
830
- transform: perspective(2000px) rotateY(0deg);
483
+ transform: perspective(2000px) rotateY(0);
831
484
  opacity: 1;
832
485
  }
833
486
  100% {
834
- -webkit-transform: perspective(2000px) rotateY(90deg);
835
- transform: perspective(2000px) rotateY(90deg);
836
- opacity: 0;
837
- }
838
- }
839
- @-webkit-keyframes verticalFlipOut {
840
- 0% {
841
- -webkit-transform: perspective(2000px) rotateX(0deg);
842
- transform: perspective(2000px) rotateX(0deg);
843
- opacity: 1;
844
- }
845
- 100% {
846
- -webkit-transform: perspective(2000px) rotateX(-90deg);
847
- transform: perspective(2000px) rotateX(-90deg);
487
+ transform: perspective(2000px) rotateY(90deg);
848
488
  opacity: 0;
849
489
  }
850
490
  }
851
491
  @keyframes verticalFlipOut {
852
492
  0% {
853
- -webkit-transform: perspective(2000px) rotateX(0deg);
854
- transform: perspective(2000px) rotateX(0deg);
493
+ transform: perspective(2000px) rotateX(0);
855
494
  opacity: 1;
856
495
  }
857
496
  100% {
858
- -webkit-transform: perspective(2000px) rotateX(-90deg);
859
- transform: perspective(2000px) rotateX(-90deg);
497
+ transform: perspective(2000px) rotateX(-90deg);
860
498
  opacity: 0;
861
499
  }
862
500
  }
863
501
 
864
- /*--------------
865
- Scale
866
- ---------------*/
867
-
502
+ /* --------------
503
+ Scale
504
+ --------------- */
868
505
  .scale.transition.in {
869
- -webkit-animation-name: scaleIn;
870
- animation-name: scaleIn;
506
+ animation-name: scaleIn;
871
507
  }
872
508
  .scale.transition.out {
873
- -webkit-animation-name: scaleOut;
874
- animation-name: scaleOut;
875
- }
876
- @-webkit-keyframes scaleIn {
877
- 0% {
878
- opacity: 0;
879
- -webkit-transform: scale(0.8);
880
- transform: scale(0.8);
881
- }
882
- 100% {
883
- opacity: 1;
884
- -webkit-transform: scale(1);
885
- transform: scale(1);
886
- }
509
+ animation-name: scaleOut;
887
510
  }
888
511
  @keyframes scaleIn {
889
512
  0% {
890
513
  opacity: 0;
891
- -webkit-transform: scale(0.8);
892
- transform: scale(0.8);
514
+ transform: scale(0.8);
893
515
  }
894
516
  100% {
895
517
  opacity: 1;
896
- -webkit-transform: scale(1);
897
- transform: scale(1);
518
+ transform: scale(1);
898
519
  }
899
520
  }
900
521
 
901
522
  /* Out */
902
- @-webkit-keyframes scaleOut {
903
- 0% {
904
- opacity: 1;
905
- -webkit-transform: scale(1);
906
- transform: scale(1);
907
- }
908
- 100% {
909
- opacity: 0;
910
- -webkit-transform: scale(0.9);
911
- transform: scale(0.9);
912
- }
913
- }
914
523
  @keyframes scaleOut {
915
524
  0% {
916
525
  opacity: 1;
917
- -webkit-transform: scale(1);
918
- transform: scale(1);
526
+ transform: scale(1);
919
527
  }
920
528
  100% {
921
529
  opacity: 0;
922
- -webkit-transform: scale(0.9);
923
- transform: scale(0.9);
530
+ transform: scale(0.9);
924
531
  }
925
532
  }
926
533
 
927
- /*--------------
928
- Fly
929
- ---------------*/
930
-
534
+ /* --------------
535
+ Fly
536
+ --------------- */
931
537
 
932
538
  /* Inward */
933
539
  .transition.fly {
934
- -webkit-animation-duration: 0.6s;
935
- animation-duration: 0.6s;
936
- -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
937
- transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
540
+ animation-duration: 0.6s;
541
+ transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
938
542
  }
939
543
  .transition.fly.in {
940
- -webkit-animation-name: flyIn;
941
- animation-name: flyIn;
544
+ animation-name: flyIn;
942
545
  }
943
546
  .transition[class*="fly up"].in {
944
- -webkit-animation-name: flyInUp;
945
- animation-name: flyInUp;
547
+ animation-name: flyInUp;
946
548
  }
947
549
  .transition[class*="fly down"].in {
948
- -webkit-animation-name: flyInDown;
949
- animation-name: flyInDown;
550
+ animation-name: flyInDown;
950
551
  }
951
552
  .transition[class*="fly left"].in {
952
- -webkit-animation-name: flyInLeft;
953
- animation-name: flyInLeft;
553
+ animation-name: flyInLeft;
954
554
  }
955
555
  .transition[class*="fly right"].in {
956
- -webkit-animation-name: flyInRight;
957
- animation-name: flyInRight;
556
+ animation-name: flyInRight;
958
557
  }
959
558
 
960
559
  /* Outward */
961
560
  .transition.fly.out {
962
- -webkit-animation-name: flyOut;
963
- animation-name: flyOut;
561
+ animation-name: flyOut;
964
562
  }
965
563
  .transition[class*="fly up"].out {
966
- -webkit-animation-name: flyOutUp;
967
- animation-name: flyOutUp;
564
+ animation-name: flyOutUp;
968
565
  }
969
566
  .transition[class*="fly down"].out {
970
- -webkit-animation-name: flyOutDown;
971
- animation-name: flyOutDown;
567
+ animation-name: flyOutDown;
972
568
  }
973
569
  .transition[class*="fly left"].out {
974
- -webkit-animation-name: flyOutLeft;
975
- animation-name: flyOutLeft;
570
+ animation-name: flyOutLeft;
976
571
  }
977
572
  .transition[class*="fly right"].out {
978
- -webkit-animation-name: flyOutRight;
979
- animation-name: flyOutRight;
573
+ animation-name: flyOutRight;
980
574
  }
981
575
 
982
576
  /* In */
983
- @-webkit-keyframes flyIn {
984
- 0% {
985
- opacity: 0;
986
- -webkit-transform: scale3d(0.3, 0.3, 0.3);
987
- transform: scale3d(0.3, 0.3, 0.3);
988
- }
989
- 20% {
990
- -webkit-transform: scale3d(1.1, 1.1, 1.1);
991
- transform: scale3d(1.1, 1.1, 1.1);
992
- }
993
- 40% {
994
- -webkit-transform: scale3d(0.9, 0.9, 0.9);
995
- transform: scale3d(0.9, 0.9, 0.9);
996
- }
997
- 60% {
998
- opacity: 1;
999
- -webkit-transform: scale3d(1.03, 1.03, 1.03);
1000
- transform: scale3d(1.03, 1.03, 1.03);
1001
- }
1002
- 80% {
1003
- -webkit-transform: scale3d(0.97, 0.97, 0.97);
1004
- transform: scale3d(0.97, 0.97, 0.97);
1005
- }
1006
- 100% {
1007
- opacity: 1;
1008
- -webkit-transform: scale3d(1, 1, 1);
1009
- transform: scale3d(1, 1, 1);
1010
- }
1011
- }
1012
577
  @keyframes flyIn {
1013
578
  0% {
1014
579
  opacity: 0;
1015
- -webkit-transform: scale3d(0.3, 0.3, 0.3);
1016
- transform: scale3d(0.3, 0.3, 0.3);
580
+ transform: scale3d(0.3, 0.3, 0.3);
1017
581
  }
1018
582
  20% {
1019
- -webkit-transform: scale3d(1.1, 1.1, 1.1);
1020
- transform: scale3d(1.1, 1.1, 1.1);
583
+ transform: scale3d(1.1, 1.1, 1.1);
1021
584
  }
1022
585
  40% {
1023
- -webkit-transform: scale3d(0.9, 0.9, 0.9);
1024
- transform: scale3d(0.9, 0.9, 0.9);
586
+ transform: scale3d(0.9, 0.9, 0.9);
1025
587
  }
1026
588
  60% {
1027
589
  opacity: 1;
1028
- -webkit-transform: scale3d(1.03, 1.03, 1.03);
1029
- transform: scale3d(1.03, 1.03, 1.03);
590
+ transform: scale3d(1.03, 1.03, 1.03);
1030
591
  }
1031
592
  80% {
1032
- -webkit-transform: scale3d(0.97, 0.97, 0.97);
1033
- transform: scale3d(0.97, 0.97, 0.97);
593
+ transform: scale3d(0.97, 0.97, 0.97);
1034
594
  }
1035
595
  100% {
1036
596
  opacity: 1;
1037
- -webkit-transform: scale3d(1, 1, 1);
1038
- transform: scale3d(1, 1, 1);
1039
- }
1040
- }
1041
- @-webkit-keyframes flyInUp {
1042
- 0% {
1043
- opacity: 0;
1044
- -webkit-transform: translate3d(0, 1500px, 0);
1045
- transform: translate3d(0, 1500px, 0);
1046
- }
1047
- 60% {
1048
- opacity: 1;
1049
- -webkit-transform: translate3d(0, -20px, 0);
1050
- transform: translate3d(0, -20px, 0);
1051
- }
1052
- 75% {
1053
- -webkit-transform: translate3d(0, 10px, 0);
1054
- transform: translate3d(0, 10px, 0);
1055
- }
1056
- 90% {
1057
- -webkit-transform: translate3d(0, -5px, 0);
1058
- transform: translate3d(0, -5px, 0);
1059
- }
1060
- 100% {
1061
- -webkit-transform: translate3d(0, 0, 0);
1062
- transform: translate3d(0, 0, 0);
597
+ transform: scale3d(1, 1, 1);
1063
598
  }
1064
599
  }
1065
600
  @keyframes flyInUp {
1066
601
  0% {
1067
602
  opacity: 0;
1068
- -webkit-transform: translate3d(0, 1500px, 0);
1069
- transform: translate3d(0, 1500px, 0);
603
+ transform: translate3d(0, 1500px, 0);
1070
604
  }
1071
605
  60% {
1072
606
  opacity: 1;
1073
- -webkit-transform: translate3d(0, -20px, 0);
1074
- transform: translate3d(0, -20px, 0);
607
+ transform: translate3d(0, -20px, 0);
1075
608
  }
1076
609
  75% {
1077
- -webkit-transform: translate3d(0, 10px, 0);
1078
- transform: translate3d(0, 10px, 0);
610
+ transform: translate3d(0, 10px, 0);
1079
611
  }
1080
612
  90% {
1081
- -webkit-transform: translate3d(0, -5px, 0);
1082
- transform: translate3d(0, -5px, 0);
613
+ transform: translate3d(0, -5px, 0);
1083
614
  }
1084
615
  100% {
1085
- -webkit-transform: translate3d(0, 0, 0);
1086
- transform: translate3d(0, 0, 0);
1087
- }
1088
- }
1089
- @-webkit-keyframes flyInDown {
1090
- 0% {
1091
- opacity: 0;
1092
- -webkit-transform: translate3d(0, -1500px, 0);
1093
- transform: translate3d(0, -1500px, 0);
1094
- }
1095
- 60% {
1096
- opacity: 1;
1097
- -webkit-transform: translate3d(0, 25px, 0);
1098
- transform: translate3d(0, 25px, 0);
1099
- }
1100
- 75% {
1101
- -webkit-transform: translate3d(0, -10px, 0);
1102
- transform: translate3d(0, -10px, 0);
1103
- }
1104
- 90% {
1105
- -webkit-transform: translate3d(0, 5px, 0);
1106
- transform: translate3d(0, 5px, 0);
1107
- }
1108
- 100% {
1109
- -webkit-transform: none;
1110
- transform: none;
616
+ transform: translate3d(0, 0, 0);
1111
617
  }
1112
618
  }
1113
619
  @keyframes flyInDown {
1114
620
  0% {
1115
621
  opacity: 0;
1116
- -webkit-transform: translate3d(0, -1500px, 0);
1117
- transform: translate3d(0, -1500px, 0);
622
+ transform: translate3d(0, -1500px, 0);
1118
623
  }
1119
624
  60% {
1120
625
  opacity: 1;
1121
- -webkit-transform: translate3d(0, 25px, 0);
1122
- transform: translate3d(0, 25px, 0);
626
+ transform: translate3d(0, 25px, 0);
1123
627
  }
1124
628
  75% {
1125
- -webkit-transform: translate3d(0, -10px, 0);
1126
- transform: translate3d(0, -10px, 0);
629
+ transform: translate3d(0, -10px, 0);
1127
630
  }
1128
631
  90% {
1129
- -webkit-transform: translate3d(0, 5px, 0);
1130
- transform: translate3d(0, 5px, 0);
632
+ transform: translate3d(0, 5px, 0);
1131
633
  }
1132
634
  100% {
1133
- -webkit-transform: none;
1134
- transform: none;
1135
- }
1136
- }
1137
- @-webkit-keyframes flyInLeft {
1138
- 0% {
1139
- opacity: 0;
1140
- -webkit-transform: translate3d(1500px, 0, 0);
1141
- transform: translate3d(1500px, 0, 0);
1142
- }
1143
- 60% {
1144
- opacity: 1;
1145
- -webkit-transform: translate3d(-25px, 0, 0);
1146
- transform: translate3d(-25px, 0, 0);
1147
- }
1148
- 75% {
1149
- -webkit-transform: translate3d(10px, 0, 0);
1150
- transform: translate3d(10px, 0, 0);
1151
- }
1152
- 90% {
1153
- -webkit-transform: translate3d(-5px, 0, 0);
1154
- transform: translate3d(-5px, 0, 0);
1155
- }
1156
- 100% {
1157
- -webkit-transform: none;
1158
- transform: none;
635
+ transform: none;
1159
636
  }
1160
637
  }
1161
638
  @keyframes flyInLeft {
1162
639
  0% {
1163
640
  opacity: 0;
1164
- -webkit-transform: translate3d(1500px, 0, 0);
1165
- transform: translate3d(1500px, 0, 0);
1166
- }
1167
- 60% {
1168
- opacity: 1;
1169
- -webkit-transform: translate3d(-25px, 0, 0);
1170
- transform: translate3d(-25px, 0, 0);
1171
- }
1172
- 75% {
1173
- -webkit-transform: translate3d(10px, 0, 0);
1174
- transform: translate3d(10px, 0, 0);
1175
- }
1176
- 90% {
1177
- -webkit-transform: translate3d(-5px, 0, 0);
1178
- transform: translate3d(-5px, 0, 0);
1179
- }
1180
- 100% {
1181
- -webkit-transform: none;
1182
- transform: none;
1183
- }
1184
- }
1185
- @-webkit-keyframes flyInRight {
1186
- 0% {
1187
- opacity: 0;
1188
- -webkit-transform: translate3d(-1500px, 0, 0);
1189
- transform: translate3d(-1500px, 0, 0);
641
+ transform: translate3d(1500px, 0, 0);
1190
642
  }
1191
643
  60% {
1192
644
  opacity: 1;
1193
- -webkit-transform: translate3d(25px, 0, 0);
1194
- transform: translate3d(25px, 0, 0);
645
+ transform: translate3d(-25px, 0, 0);
1195
646
  }
1196
647
  75% {
1197
- -webkit-transform: translate3d(-10px, 0, 0);
1198
- transform: translate3d(-10px, 0, 0);
648
+ transform: translate3d(10px, 0, 0);
1199
649
  }
1200
650
  90% {
1201
- -webkit-transform: translate3d(5px, 0, 0);
1202
- transform: translate3d(5px, 0, 0);
651
+ transform: translate3d(-5px, 0, 0);
1203
652
  }
1204
653
  100% {
1205
- -webkit-transform: none;
1206
- transform: none;
654
+ transform: none;
1207
655
  }
1208
656
  }
1209
657
  @keyframes flyInRight {
1210
658
  0% {
1211
659
  opacity: 0;
1212
- -webkit-transform: translate3d(-1500px, 0, 0);
1213
- transform: translate3d(-1500px, 0, 0);
660
+ transform: translate3d(-1500px, 0, 0);
1214
661
  }
1215
662
  60% {
1216
663
  opacity: 1;
1217
- -webkit-transform: translate3d(25px, 0, 0);
1218
- transform: translate3d(25px, 0, 0);
664
+ transform: translate3d(25px, 0, 0);
1219
665
  }
1220
666
  75% {
1221
- -webkit-transform: translate3d(-10px, 0, 0);
1222
- transform: translate3d(-10px, 0, 0);
667
+ transform: translate3d(-10px, 0, 0);
1223
668
  }
1224
669
  90% {
1225
- -webkit-transform: translate3d(5px, 0, 0);
1226
- transform: translate3d(5px, 0, 0);
670
+ transform: translate3d(5px, 0, 0);
1227
671
  }
1228
672
  100% {
1229
- -webkit-transform: none;
1230
- transform: none;
673
+ transform: none;
1231
674
  }
1232
675
  }
1233
676
 
1234
677
  /* Out */
1235
- @-webkit-keyframes flyOut {
1236
- 20% {
1237
- -webkit-transform: scale3d(0.9, 0.9, 0.9);
1238
- transform: scale3d(0.9, 0.9, 0.9);
1239
- }
1240
- 50%,
1241
- 55% {
1242
- opacity: 1;
1243
- -webkit-transform: scale3d(1.1, 1.1, 1.1);
1244
- transform: scale3d(1.1, 1.1, 1.1);
1245
- }
1246
- 100% {
1247
- opacity: 0;
1248
- -webkit-transform: scale3d(0.3, 0.3, 0.3);
1249
- transform: scale3d(0.3, 0.3, 0.3);
1250
- }
1251
- }
1252
678
  @keyframes flyOut {
1253
679
  20% {
1254
- -webkit-transform: scale3d(0.9, 0.9, 0.9);
1255
- transform: scale3d(0.9, 0.9, 0.9);
680
+ transform: scale3d(0.9, 0.9, 0.9);
1256
681
  }
1257
682
  50%,
1258
683
  55% {
1259
684
  opacity: 1;
1260
- -webkit-transform: scale3d(1.1, 1.1, 1.1);
1261
- transform: scale3d(1.1, 1.1, 1.1);
1262
- }
1263
- 100% {
1264
- opacity: 0;
1265
- -webkit-transform: scale3d(0.3, 0.3, 0.3);
1266
- transform: scale3d(0.3, 0.3, 0.3);
1267
- }
1268
- }
1269
- @-webkit-keyframes flyOutUp {
1270
- 20% {
1271
- -webkit-transform: translate3d(0, 10px, 0);
1272
- transform: translate3d(0, 10px, 0);
1273
- }
1274
- 40%,
1275
- 45% {
1276
- opacity: 1;
1277
- -webkit-transform: translate3d(0, -20px, 0);
1278
- transform: translate3d(0, -20px, 0);
685
+ transform: scale3d(1.1, 1.1, 1.1);
1279
686
  }
1280
687
  100% {
1281
688
  opacity: 0;
1282
- -webkit-transform: translate3d(0, 2000px, 0);
1283
- transform: translate3d(0, 2000px, 0);
689
+ transform: scale3d(0.3, 0.3, 0.3);
1284
690
  }
1285
691
  }
1286
692
  @keyframes flyOutUp {
1287
693
  20% {
1288
- -webkit-transform: translate3d(0, 10px, 0);
1289
- transform: translate3d(0, 10px, 0);
694
+ transform: translate3d(0, 10px, 0);
1290
695
  }
1291
696
  40%,
1292
697
  45% {
1293
698
  opacity: 1;
1294
- -webkit-transform: translate3d(0, -20px, 0);
1295
- transform: translate3d(0, -20px, 0);
699
+ transform: translate3d(0, -20px, 0);
1296
700
  }
1297
701
  100% {
1298
702
  opacity: 0;
1299
- -webkit-transform: translate3d(0, 2000px, 0);
1300
- transform: translate3d(0, 2000px, 0);
1301
- }
1302
- }
1303
- @-webkit-keyframes flyOutDown {
1304
- 20% {
1305
- -webkit-transform: translate3d(0, -10px, 0);
1306
- transform: translate3d(0, -10px, 0);
1307
- }
1308
- 40%,
1309
- 45% {
1310
- opacity: 1;
1311
- -webkit-transform: translate3d(0, 20px, 0);
1312
- transform: translate3d(0, 20px, 0);
1313
- }
1314
- 100% {
1315
- opacity: 0;
1316
- -webkit-transform: translate3d(0, -2000px, 0);
1317
- transform: translate3d(0, -2000px, 0);
703
+ transform: translate3d(0, 2000px, 0);
1318
704
  }
1319
705
  }
1320
706
  @keyframes flyOutDown {
1321
707
  20% {
1322
- -webkit-transform: translate3d(0, -10px, 0);
1323
- transform: translate3d(0, -10px, 0);
708
+ transform: translate3d(0, -10px, 0);
1324
709
  }
1325
710
  40%,
1326
711
  45% {
1327
712
  opacity: 1;
1328
- -webkit-transform: translate3d(0, 20px, 0);
1329
- transform: translate3d(0, 20px, 0);
1330
- }
1331
- 100% {
1332
- opacity: 0;
1333
- -webkit-transform: translate3d(0, -2000px, 0);
1334
- transform: translate3d(0, -2000px, 0);
1335
- }
1336
- }
1337
- @-webkit-keyframes flyOutRight {
1338
- 20% {
1339
- opacity: 1;
1340
- -webkit-transform: translate3d(20px, 0, 0);
1341
- transform: translate3d(20px, 0, 0);
713
+ transform: translate3d(0, 20px, 0);
1342
714
  }
1343
715
  100% {
1344
716
  opacity: 0;
1345
- -webkit-transform: translate3d(-2000px, 0, 0);
1346
- transform: translate3d(-2000px, 0, 0);
717
+ transform: translate3d(0, -2000px, 0);
1347
718
  }
1348
719
  }
1349
720
  @keyframes flyOutRight {
1350
721
  20% {
1351
722
  opacity: 1;
1352
- -webkit-transform: translate3d(20px, 0, 0);
1353
- transform: translate3d(20px, 0, 0);
723
+ transform: translate3d(20px, 0, 0);
1354
724
  }
1355
725
  100% {
1356
726
  opacity: 0;
1357
- -webkit-transform: translate3d(-2000px, 0, 0);
1358
- transform: translate3d(-2000px, 0, 0);
1359
- }
1360
- }
1361
- @-webkit-keyframes flyOutLeft {
1362
- 20% {
1363
- opacity: 1;
1364
- -webkit-transform: translate3d(-20px, 0, 0);
1365
- transform: translate3d(-20px, 0, 0);
1366
- }
1367
- 100% {
1368
- opacity: 0;
1369
- -webkit-transform: translate3d(2000px, 0, 0);
1370
- transform: translate3d(2000px, 0, 0);
727
+ transform: translate3d(-2000px, 0, 0);
1371
728
  }
1372
729
  }
1373
730
  @keyframes flyOutLeft {
1374
731
  20% {
1375
732
  opacity: 1;
1376
- -webkit-transform: translate3d(-20px, 0, 0);
1377
- transform: translate3d(-20px, 0, 0);
733
+ transform: translate3d(-20px, 0, 0);
1378
734
  }
1379
735
  100% {
1380
736
  opacity: 0;
1381
- -webkit-transform: translate3d(2000px, 0, 0);
1382
- transform: translate3d(2000px, 0, 0);
737
+ transform: translate3d(2000px, 0, 0);
1383
738
  }
1384
739
  }
1385
740
 
1386
- /*--------------
1387
- Slide
1388
- ---------------*/
1389
-
741
+ /* --------------
742
+ Slide
743
+ --------------- */
1390
744
  .transition.slide.in,
1391
745
  .transition[class*="slide down"].in {
1392
- -webkit-animation-name: slideInY;
1393
- animation-name: slideInY;
1394
- -webkit-transform-origin: top center;
1395
- transform-origin: top center;
746
+ animation-name: slideInY;
747
+ transform-origin: top center;
1396
748
  }
1397
749
  .transition[class*="slide up"].in {
1398
- -webkit-animation-name: slideInY;
1399
- animation-name: slideInY;
1400
- -webkit-transform-origin: bottom center;
1401
- transform-origin: bottom center;
750
+ animation-name: slideInY;
751
+ transform-origin: bottom center;
1402
752
  }
1403
753
  .transition[class*="slide left"].in {
1404
- -webkit-animation-name: slideInX;
1405
- animation-name: slideInX;
1406
- -webkit-transform-origin: right center;
1407
- transform-origin: right center;
754
+ animation-name: slideInX;
755
+ transform-origin: right center;
1408
756
  }
1409
757
  .transition[class*="slide right"].in {
1410
- -webkit-animation-name: slideInX;
1411
- animation-name: slideInX;
1412
- -webkit-transform-origin: left center;
1413
- transform-origin: left center;
758
+ animation-name: slideInX;
759
+ transform-origin: left center;
1414
760
  }
1415
761
  .transition.slide.out,
1416
762
  .transition[class*="slide down"].out {
1417
- -webkit-animation-name: slideOutY;
1418
- animation-name: slideOutY;
1419
- -webkit-transform-origin: top center;
1420
- transform-origin: top center;
763
+ animation-name: slideOutY;
764
+ transform-origin: top center;
1421
765
  }
1422
766
  .transition[class*="slide up"].out {
1423
- -webkit-animation-name: slideOutY;
1424
- animation-name: slideOutY;
1425
- -webkit-transform-origin: bottom center;
1426
- transform-origin: bottom center;
767
+ animation-name: slideOutY;
768
+ transform-origin: bottom center;
1427
769
  }
1428
770
  .transition[class*="slide left"].out {
1429
- -webkit-animation-name: slideOutX;
1430
- animation-name: slideOutX;
1431
- -webkit-transform-origin: right center;
1432
- transform-origin: right center;
771
+ animation-name: slideOutX;
772
+ transform-origin: right center;
1433
773
  }
1434
774
  .transition[class*="slide right"].out {
1435
- -webkit-animation-name: slideOutX;
1436
- animation-name: slideOutX;
1437
- -webkit-transform-origin: left center;
1438
- transform-origin: left center;
775
+ animation-name: slideOutX;
776
+ transform-origin: left center;
1439
777
  }
1440
778
 
1441
779
  /* In */
1442
- @-webkit-keyframes slideInY {
1443
- 0% {
1444
- opacity: 0;
1445
- -webkit-transform: scaleY(0);
1446
- transform: scaleY(0);
1447
- }
1448
- 100% {
1449
- opacity: 1;
1450
- -webkit-transform: scaleY(1);
1451
- transform: scaleY(1);
1452
- }
1453
- }
1454
780
  @keyframes slideInY {
1455
781
  0% {
1456
782
  opacity: 0;
1457
- -webkit-transform: scaleY(0);
1458
- transform: scaleY(0);
783
+ transform: scaleY(0);
1459
784
  }
1460
785
  100% {
1461
786
  opacity: 1;
1462
- -webkit-transform: scaleY(1);
1463
- transform: scaleY(1);
1464
- }
1465
- }
1466
- @-webkit-keyframes slideInX {
1467
- 0% {
1468
- opacity: 0;
1469
- -webkit-transform: scaleX(0);
1470
- transform: scaleX(0);
1471
- }
1472
- 100% {
1473
- opacity: 1;
1474
- -webkit-transform: scaleX(1);
1475
- transform: scaleX(1);
787
+ transform: scaleY(1);
1476
788
  }
1477
789
  }
1478
790
  @keyframes slideInX {
1479
791
  0% {
1480
792
  opacity: 0;
1481
- -webkit-transform: scaleX(0);
1482
- transform: scaleX(0);
793
+ transform: scaleX(0);
1483
794
  }
1484
795
  100% {
1485
796
  opacity: 1;
1486
- -webkit-transform: scaleX(1);
1487
- transform: scaleX(1);
797
+ transform: scaleX(1);
1488
798
  }
1489
799
  }
1490
800
 
1491
801
  /* Out */
1492
- @-webkit-keyframes slideOutY {
1493
- 0% {
1494
- opacity: 1;
1495
- -webkit-transform: scaleY(1);
1496
- transform: scaleY(1);
1497
- }
1498
- 100% {
1499
- opacity: 0;
1500
- -webkit-transform: scaleY(0);
1501
- transform: scaleY(0);
1502
- }
1503
- }
1504
802
  @keyframes slideOutY {
1505
803
  0% {
1506
804
  opacity: 1;
1507
- -webkit-transform: scaleY(1);
1508
- transform: scaleY(1);
1509
- }
1510
- 100% {
1511
- opacity: 0;
1512
- -webkit-transform: scaleY(0);
1513
- transform: scaleY(0);
1514
- }
1515
- }
1516
- @-webkit-keyframes slideOutX {
1517
- 0% {
1518
- opacity: 1;
1519
- -webkit-transform: scaleX(1);
1520
- transform: scaleX(1);
805
+ transform: scaleY(1);
1521
806
  }
1522
807
  100% {
1523
808
  opacity: 0;
1524
- -webkit-transform: scaleX(0);
1525
- transform: scaleX(0);
809
+ transform: scaleY(0);
1526
810
  }
1527
811
  }
1528
812
  @keyframes slideOutX {
1529
813
  0% {
1530
814
  opacity: 1;
1531
- -webkit-transform: scaleX(1);
1532
- transform: scaleX(1);
815
+ transform: scaleX(1);
1533
816
  }
1534
817
  100% {
1535
818
  opacity: 0;
1536
- -webkit-transform: scaleX(0);
1537
- transform: scaleX(0);
819
+ transform: scaleX(0);
1538
820
  }
1539
821
  }
1540
822
 
1541
- /*--------------
1542
- Swing
1543
- ---------------*/
1544
-
823
+ /* --------------
824
+ Swing
825
+ --------------- */
1545
826
  .transition.swing {
1546
- -webkit-animation-duration: 800ms;
1547
- animation-duration: 800ms;
827
+ animation-duration: 800ms;
1548
828
  }
1549
829
  .transition[class*="swing down"].in {
1550
- -webkit-animation-name: swingInX;
1551
- animation-name: swingInX;
1552
- -webkit-transform-origin: top center;
1553
- transform-origin: top center;
830
+ animation-name: swingInX;
831
+ transform-origin: top center;
1554
832
  }
1555
833
  .transition[class*="swing up"].in {
1556
- -webkit-animation-name: swingInX;
1557
- animation-name: swingInX;
1558
- -webkit-transform-origin: bottom center;
1559
- transform-origin: bottom center;
834
+ animation-name: swingInX;
835
+ transform-origin: bottom center;
1560
836
  }
1561
837
  .transition[class*="swing left"].in {
1562
- -webkit-animation-name: swingInY;
1563
- animation-name: swingInY;
1564
- -webkit-transform-origin: right center;
1565
- transform-origin: right center;
838
+ animation-name: swingInY;
839
+ transform-origin: right center;
1566
840
  }
1567
841
  .transition[class*="swing right"].in {
1568
- -webkit-animation-name: swingInY;
1569
- animation-name: swingInY;
1570
- -webkit-transform-origin: left center;
1571
- transform-origin: left center;
842
+ animation-name: swingInY;
843
+ transform-origin: left center;
1572
844
  }
1573
845
  .transition.swing.out,
1574
846
  .transition[class*="swing down"].out {
1575
- -webkit-animation-name: swingOutX;
1576
- animation-name: swingOutX;
1577
- -webkit-transform-origin: top center;
1578
- transform-origin: top center;
847
+ animation-name: swingOutX;
848
+ transform-origin: top center;
1579
849
  }
1580
850
  .transition[class*="swing up"].out {
1581
- -webkit-animation-name: swingOutX;
1582
- animation-name: swingOutX;
1583
- -webkit-transform-origin: bottom center;
1584
- transform-origin: bottom center;
851
+ animation-name: swingOutX;
852
+ transform-origin: bottom center;
1585
853
  }
1586
854
  .transition[class*="swing left"].out {
1587
- -webkit-animation-name: swingOutY;
1588
- animation-name: swingOutY;
1589
- -webkit-transform-origin: right center;
1590
- transform-origin: right center;
855
+ animation-name: swingOutY;
856
+ transform-origin: right center;
1591
857
  }
1592
858
  .transition[class*="swing right"].out {
1593
- -webkit-animation-name: swingOutY;
1594
- animation-name: swingOutY;
1595
- -webkit-transform-origin: left center;
1596
- transform-origin: left center;
859
+ animation-name: swingOutY;
860
+ transform-origin: left center;
1597
861
  }
1598
862
 
1599
863
  /* In */
1600
- @-webkit-keyframes swingInX {
1601
- 0% {
1602
- -webkit-transform: perspective(1000px) rotateX(90deg);
1603
- transform: perspective(1000px) rotateX(90deg);
1604
- opacity: 0;
1605
- }
1606
- 40% {
1607
- -webkit-transform: perspective(1000px) rotateX(-30deg);
1608
- transform: perspective(1000px) rotateX(-30deg);
1609
- opacity: 1;
1610
- }
1611
- 60% {
1612
- -webkit-transform: perspective(1000px) rotateX(15deg);
1613
- transform: perspective(1000px) rotateX(15deg);
1614
- }
1615
- 80% {
1616
- -webkit-transform: perspective(1000px) rotateX(-7.5deg);
1617
- transform: perspective(1000px) rotateX(-7.5deg);
1618
- }
1619
- 100% {
1620
- -webkit-transform: perspective(1000px) rotateX(0deg);
1621
- transform: perspective(1000px) rotateX(0deg);
1622
- }
1623
- }
1624
864
  @keyframes swingInX {
1625
865
  0% {
1626
- -webkit-transform: perspective(1000px) rotateX(90deg);
1627
- transform: perspective(1000px) rotateX(90deg);
866
+ transform: perspective(1000px) rotateX(90deg);
1628
867
  opacity: 0;
1629
868
  }
1630
869
  40% {
1631
- -webkit-transform: perspective(1000px) rotateX(-30deg);
1632
- transform: perspective(1000px) rotateX(-30deg);
870
+ transform: perspective(1000px) rotateX(-30deg);
1633
871
  opacity: 1;
1634
872
  }
1635
873
  60% {
1636
- -webkit-transform: perspective(1000px) rotateX(15deg);
1637
- transform: perspective(1000px) rotateX(15deg);
874
+ transform: perspective(1000px) rotateX(15deg);
1638
875
  }
1639
876
  80% {
1640
- -webkit-transform: perspective(1000px) rotateX(-7.5deg);
1641
- transform: perspective(1000px) rotateX(-7.5deg);
877
+ transform: perspective(1000px) rotateX(-7.5deg);
1642
878
  }
1643
879
  100% {
1644
- -webkit-transform: perspective(1000px) rotateX(0deg);
1645
- transform: perspective(1000px) rotateX(0deg);
1646
- }
1647
- }
1648
- @-webkit-keyframes swingInY {
1649
- 0% {
1650
- -webkit-transform: perspective(1000px) rotateY(-90deg);
1651
- transform: perspective(1000px) rotateY(-90deg);
1652
- opacity: 0;
1653
- }
1654
- 40% {
1655
- -webkit-transform: perspective(1000px) rotateY(30deg);
1656
- transform: perspective(1000px) rotateY(30deg);
1657
- opacity: 1;
1658
- }
1659
- 60% {
1660
- -webkit-transform: perspective(1000px) rotateY(-17.5deg);
1661
- transform: perspective(1000px) rotateY(-17.5deg);
1662
- }
1663
- 80% {
1664
- -webkit-transform: perspective(1000px) rotateY(7.5deg);
1665
- transform: perspective(1000px) rotateY(7.5deg);
1666
- }
1667
- 100% {
1668
- -webkit-transform: perspective(1000px) rotateY(0deg);
1669
- transform: perspective(1000px) rotateY(0deg);
880
+ transform: perspective(1000px) rotateX(0);
1670
881
  }
1671
882
  }
1672
883
  @keyframes swingInY {
1673
884
  0% {
1674
- -webkit-transform: perspective(1000px) rotateY(-90deg);
1675
- transform: perspective(1000px) rotateY(-90deg);
885
+ transform: perspective(1000px) rotateY(-90deg);
1676
886
  opacity: 0;
1677
887
  }
1678
888
  40% {
1679
- -webkit-transform: perspective(1000px) rotateY(30deg);
1680
- transform: perspective(1000px) rotateY(30deg);
889
+ transform: perspective(1000px) rotateY(30deg);
1681
890
  opacity: 1;
1682
891
  }
1683
892
  60% {
1684
- -webkit-transform: perspective(1000px) rotateY(-17.5deg);
1685
- transform: perspective(1000px) rotateY(-17.5deg);
893
+ transform: perspective(1000px) rotateY(-17.5deg);
1686
894
  }
1687
895
  80% {
1688
- -webkit-transform: perspective(1000px) rotateY(7.5deg);
1689
- transform: perspective(1000px) rotateY(7.5deg);
896
+ transform: perspective(1000px) rotateY(7.5deg);
1690
897
  }
1691
898
  100% {
1692
- -webkit-transform: perspective(1000px) rotateY(0deg);
1693
- transform: perspective(1000px) rotateY(0deg);
899
+ transform: perspective(1000px) rotateY(0);
1694
900
  }
1695
901
  }
1696
902
 
1697
903
  /* Out */
1698
- @-webkit-keyframes swingOutX {
1699
- 0% {
1700
- -webkit-transform: perspective(1000px) rotateX(0deg);
1701
- transform: perspective(1000px) rotateX(0deg);
1702
- }
1703
- 40% {
1704
- -webkit-transform: perspective(1000px) rotateX(-7.5deg);
1705
- transform: perspective(1000px) rotateX(-7.5deg);
1706
- }
1707
- 60% {
1708
- -webkit-transform: perspective(1000px) rotateX(17.5deg);
1709
- transform: perspective(1000px) rotateX(17.5deg);
1710
- }
1711
- 80% {
1712
- -webkit-transform: perspective(1000px) rotateX(-30deg);
1713
- transform: perspective(1000px) rotateX(-30deg);
1714
- opacity: 1;
1715
- }
1716
- 100% {
1717
- -webkit-transform: perspective(1000px) rotateX(90deg);
1718
- transform: perspective(1000px) rotateX(90deg);
1719
- opacity: 0;
1720
- }
1721
- }
1722
904
  @keyframes swingOutX {
1723
905
  0% {
1724
- -webkit-transform: perspective(1000px) rotateX(0deg);
1725
- transform: perspective(1000px) rotateX(0deg);
1726
- }
1727
- 40% {
1728
- -webkit-transform: perspective(1000px) rotateX(-7.5deg);
1729
- transform: perspective(1000px) rotateX(-7.5deg);
1730
- }
1731
- 60% {
1732
- -webkit-transform: perspective(1000px) rotateX(17.5deg);
1733
- transform: perspective(1000px) rotateX(17.5deg);
1734
- }
1735
- 80% {
1736
- -webkit-transform: perspective(1000px) rotateX(-30deg);
1737
- transform: perspective(1000px) rotateX(-30deg);
1738
- opacity: 1;
1739
- }
1740
- 100% {
1741
- -webkit-transform: perspective(1000px) rotateX(90deg);
1742
- transform: perspective(1000px) rotateX(90deg);
1743
- opacity: 0;
1744
- }
1745
- }
1746
- @-webkit-keyframes swingOutY {
1747
- 0% {
1748
- -webkit-transform: perspective(1000px) rotateY(0deg);
1749
- transform: perspective(1000px) rotateY(0deg);
906
+ transform: perspective(1000px) rotateX(0);
1750
907
  }
1751
908
  40% {
1752
- -webkit-transform: perspective(1000px) rotateY(7.5deg);
1753
- transform: perspective(1000px) rotateY(7.5deg);
909
+ transform: perspective(1000px) rotateX(-7.5deg);
1754
910
  }
1755
911
  60% {
1756
- -webkit-transform: perspective(1000px) rotateY(-10deg);
1757
- transform: perspective(1000px) rotateY(-10deg);
912
+ transform: perspective(1000px) rotateX(17.5deg);
1758
913
  }
1759
914
  80% {
1760
- -webkit-transform: perspective(1000px) rotateY(30deg);
1761
- transform: perspective(1000px) rotateY(30deg);
915
+ transform: perspective(1000px) rotateX(-30deg);
1762
916
  opacity: 1;
1763
917
  }
1764
918
  100% {
1765
- -webkit-transform: perspective(1000px) rotateY(-90deg);
1766
- transform: perspective(1000px) rotateY(-90deg);
919
+ transform: perspective(1000px) rotateX(90deg);
1767
920
  opacity: 0;
1768
921
  }
1769
922
  }
1770
923
  @keyframes swingOutY {
1771
924
  0% {
1772
- -webkit-transform: perspective(1000px) rotateY(0deg);
1773
- transform: perspective(1000px) rotateY(0deg);
925
+ transform: perspective(1000px) rotateY(0);
1774
926
  }
1775
927
  40% {
1776
- -webkit-transform: perspective(1000px) rotateY(7.5deg);
1777
- transform: perspective(1000px) rotateY(7.5deg);
928
+ transform: perspective(1000px) rotateY(7.5deg);
1778
929
  }
1779
930
  60% {
1780
- -webkit-transform: perspective(1000px) rotateY(-10deg);
1781
- transform: perspective(1000px) rotateY(-10deg);
931
+ transform: perspective(1000px) rotateY(-10deg);
1782
932
  }
1783
933
  80% {
1784
- -webkit-transform: perspective(1000px) rotateY(30deg);
1785
- transform: perspective(1000px) rotateY(30deg);
934
+ transform: perspective(1000px) rotateY(30deg);
1786
935
  opacity: 1;
1787
936
  }
1788
937
  100% {
1789
- -webkit-transform: perspective(1000px) rotateY(-90deg);
1790
- transform: perspective(1000px) rotateY(-90deg);
938
+ transform: perspective(1000px) rotateY(-90deg);
1791
939
  opacity: 0;
1792
940
  }
1793
941
  }
1794
942
 
1795
- /*--------------
1796
- Zoom
1797
- ---------------*/
1798
-
943
+ /* --------------
944
+ Zoom
945
+ --------------- */
1799
946
  .transition.zoom.in {
1800
- -webkit-animation-name: zoomIn;
1801
- animation-name: zoomIn;
947
+ animation-name: zoomIn;
1802
948
  }
1803
949
  .transition.zoom.out {
1804
- -webkit-animation-name: zoomOut;
1805
- animation-name: zoomOut;
1806
- }
1807
- @-webkit-keyframes zoomIn {
1808
- 0% {
1809
- opacity: 1;
1810
- -webkit-transform: scale(0);
1811
- transform: scale(0);
1812
- }
1813
- 100% {
1814
- opacity: 1;
1815
- -webkit-transform: scale(1);
1816
- transform: scale(1);
1817
- }
950
+ animation-name: zoomOut;
1818
951
  }
1819
952
  @keyframes zoomIn {
1820
953
  0% {
1821
954
  opacity: 1;
1822
- -webkit-transform: scale(0);
1823
- transform: scale(0);
955
+ transform: scale(0);
1824
956
  }
1825
957
  100% {
1826
958
  opacity: 1;
1827
- -webkit-transform: scale(1);
1828
- transform: scale(1);
1829
- }
1830
- }
1831
- @-webkit-keyframes zoomOut {
1832
- 0% {
1833
- opacity: 1;
1834
- -webkit-transform: scale(1);
1835
- transform: scale(1);
1836
- }
1837
- 100% {
1838
- opacity: 1;
1839
- -webkit-transform: scale(0);
1840
- transform: scale(0);
959
+ transform: scale(1);
1841
960
  }
1842
961
  }
1843
962
  @keyframes zoomOut {
1844
963
  0% {
1845
964
  opacity: 1;
1846
- -webkit-transform: scale(1);
1847
- transform: scale(1);
965
+ transform: scale(1);
1848
966
  }
1849
967
  100% {
1850
968
  opacity: 1;
1851
- -webkit-transform: scale(0);
1852
- transform: scale(0);
969
+ transform: scale(0);
1853
970
  }
1854
971
  }
1855
972
 
@@ -1859,69 +976,42 @@
1859
976
  *******************************/
1860
977
 
1861
978
 
1862
- /*--------------
979
+ /* --------------
1863
980
  Emphasis
1864
- ---------------*/
1865
-
981
+ --------------- */
1866
982
  .flash.transition {
1867
- -webkit-animation-duration: 750ms;
1868
- animation-duration: 750ms;
1869
- -webkit-animation-name: flash;
1870
- animation-name: flash;
983
+ animation-duration: 750ms;
984
+ animation-name: flash;
1871
985
  }
1872
986
  .shake.transition {
1873
- -webkit-animation-duration: 750ms;
1874
- animation-duration: 750ms;
1875
- -webkit-animation-name: shake;
1876
- animation-name: shake;
987
+ animation-duration: 750ms;
988
+ animation-name: shake;
1877
989
  }
1878
990
  .bounce.transition {
1879
- -webkit-animation-duration: 750ms;
1880
- animation-duration: 750ms;
1881
- -webkit-animation-name: bounce;
1882
- animation-name: bounce;
991
+ animation-duration: 750ms;
992
+ animation-name: bounce;
1883
993
  }
1884
994
  .tada.transition {
1885
- -webkit-animation-duration: 750ms;
1886
- animation-duration: 750ms;
1887
- -webkit-animation-name: tada;
1888
- animation-name: tada;
995
+ animation-duration: 750ms;
996
+ animation-name: tada;
1889
997
  }
1890
998
  .pulse.transition {
1891
- -webkit-animation-duration: 500ms;
1892
- animation-duration: 500ms;
1893
- -webkit-animation-name: pulse;
1894
- animation-name: pulse;
999
+ animation-duration: 500ms;
1000
+ animation-name: pulse;
1895
1001
  }
1896
1002
  .jiggle.transition {
1897
- -webkit-animation-duration: 750ms;
1898
- animation-duration: 750ms;
1899
- -webkit-animation-name: jiggle;
1900
- animation-name: jiggle;
1003
+ animation-duration: 750ms;
1004
+ animation-name: jiggle;
1901
1005
  }
1902
1006
  .transition.glow {
1903
- -webkit-animation-duration: 2000ms;
1904
- animation-duration: 2000ms;
1905
- -webkit-animation-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
1906
- animation-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
1007
+ animation-duration: 2000ms;
1008
+ animation-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
1907
1009
  }
1908
1010
  .transition.glow {
1909
- -webkit-animation-name: glow;
1910
- animation-name: glow;
1011
+ animation-name: glow;
1911
1012
  }
1912
1013
 
1913
1014
  /* Flash */
1914
- @-webkit-keyframes flash {
1915
- 0%,
1916
- 50%,
1917
- 100% {
1918
- opacity: 1;
1919
- }
1920
- 25%,
1921
- 75% {
1922
- opacity: 0;
1923
- }
1924
- }
1925
1015
  @keyframes flash {
1926
1016
  0%,
1927
1017
  50%,
@@ -1935,266 +1025,119 @@
1935
1025
  }
1936
1026
 
1937
1027
  /* Shake */
1938
- @-webkit-keyframes shake {
1939
- 0%,
1940
- 100% {
1941
- -webkit-transform: translateX(0);
1942
- transform: translateX(0);
1943
- }
1944
- 10%,
1945
- 30%,
1946
- 50%,
1947
- 70%,
1948
- 90% {
1949
- -webkit-transform: translateX(-10px);
1950
- transform: translateX(-10px);
1951
- }
1952
- 20%,
1953
- 40%,
1954
- 60%,
1955
- 80% {
1956
- -webkit-transform: translateX(10px);
1957
- transform: translateX(10px);
1958
- }
1959
- }
1960
1028
  @keyframes shake {
1961
1029
  0%,
1962
1030
  100% {
1963
- -webkit-transform: translateX(0);
1964
- transform: translateX(0);
1031
+ transform: translateX(0);
1965
1032
  }
1966
1033
  10%,
1967
1034
  30%,
1968
1035
  50%,
1969
1036
  70%,
1970
1037
  90% {
1971
- -webkit-transform: translateX(-10px);
1972
- transform: translateX(-10px);
1038
+ transform: translateX(-10px);
1973
1039
  }
1974
1040
  20%,
1975
1041
  40%,
1976
1042
  60%,
1977
1043
  80% {
1978
- -webkit-transform: translateX(10px);
1979
- transform: translateX(10px);
1044
+ transform: translateX(10px);
1980
1045
  }
1981
1046
  }
1982
1047
 
1983
1048
  /* Bounce */
1984
- @-webkit-keyframes bounce {
1985
- 0%,
1986
- 20%,
1987
- 50%,
1988
- 80%,
1989
- 100% {
1990
- -webkit-transform: translateY(0);
1991
- transform: translateY(0);
1992
- }
1993
- 40% {
1994
- -webkit-transform: translateY(-30px);
1995
- transform: translateY(-30px);
1996
- }
1997
- 60% {
1998
- -webkit-transform: translateY(-15px);
1999
- transform: translateY(-15px);
2000
- }
2001
- }
2002
1049
  @keyframes bounce {
2003
1050
  0%,
2004
1051
  20%,
2005
1052
  50%,
2006
1053
  80%,
2007
1054
  100% {
2008
- -webkit-transform: translateY(0);
2009
- transform: translateY(0);
1055
+ transform: translateY(0);
2010
1056
  }
2011
1057
  40% {
2012
- -webkit-transform: translateY(-30px);
2013
- transform: translateY(-30px);
1058
+ transform: translateY(-30px);
2014
1059
  }
2015
1060
  60% {
2016
- -webkit-transform: translateY(-15px);
2017
- transform: translateY(-15px);
1061
+ transform: translateY(-15px);
2018
1062
  }
2019
1063
  }
2020
1064
 
2021
1065
  /* Tada */
2022
- @-webkit-keyframes tada {
2023
- 0% {
2024
- -webkit-transform: scale(1);
2025
- transform: scale(1);
2026
- }
2027
- 10%,
2028
- 20% {
2029
- -webkit-transform: scale(0.9) rotate(-3deg);
2030
- transform: scale(0.9) rotate(-3deg);
2031
- }
2032
- 30%,
2033
- 50%,
2034
- 70%,
2035
- 90% {
2036
- -webkit-transform: scale(1.1) rotate(3deg);
2037
- transform: scale(1.1) rotate(3deg);
2038
- }
2039
- 40%,
2040
- 60%,
2041
- 80% {
2042
- -webkit-transform: scale(1.1) rotate(-3deg);
2043
- transform: scale(1.1) rotate(-3deg);
2044
- }
2045
- 100% {
2046
- -webkit-transform: scale(1) rotate(0);
2047
- transform: scale(1) rotate(0);
2048
- }
2049
- }
2050
1066
  @keyframes tada {
2051
1067
  0% {
2052
- -webkit-transform: scale(1);
2053
- transform: scale(1);
1068
+ transform: scale(1);
2054
1069
  }
2055
1070
  10%,
2056
1071
  20% {
2057
- -webkit-transform: scale(0.9) rotate(-3deg);
2058
- transform: scale(0.9) rotate(-3deg);
1072
+ transform: scale(0.9) rotate(-3deg);
2059
1073
  }
2060
1074
  30%,
2061
1075
  50%,
2062
1076
  70%,
2063
1077
  90% {
2064
- -webkit-transform: scale(1.1) rotate(3deg);
2065
- transform: scale(1.1) rotate(3deg);
1078
+ transform: scale(1.1) rotate(3deg);
2066
1079
  }
2067
1080
  40%,
2068
1081
  60%,
2069
1082
  80% {
2070
- -webkit-transform: scale(1.1) rotate(-3deg);
2071
- transform: scale(1.1) rotate(-3deg);
1083
+ transform: scale(1.1) rotate(-3deg);
2072
1084
  }
2073
1085
  100% {
2074
- -webkit-transform: scale(1) rotate(0);
2075
- transform: scale(1) rotate(0);
1086
+ transform: scale(1) rotate(0);
2076
1087
  }
2077
1088
  }
2078
1089
 
2079
1090
  /* Pulse */
2080
- @-webkit-keyframes pulse {
2081
- 0% {
2082
- -webkit-transform: scale(1);
2083
- transform: scale(1);
2084
- opacity: 1;
2085
- }
2086
- 50% {
2087
- -webkit-transform: scale(0.9);
2088
- transform: scale(0.9);
2089
- opacity: 0.7;
2090
- }
2091
- 100% {
2092
- -webkit-transform: scale(1);
2093
- transform: scale(1);
2094
- opacity: 1;
2095
- }
2096
- }
2097
1091
  @keyframes pulse {
2098
1092
  0% {
2099
- -webkit-transform: scale(1);
2100
- transform: scale(1);
1093
+ transform: scale(1);
2101
1094
  opacity: 1;
2102
1095
  }
2103
1096
  50% {
2104
- -webkit-transform: scale(0.9);
2105
- transform: scale(0.9);
1097
+ transform: scale(0.9);
2106
1098
  opacity: 0.7;
2107
1099
  }
2108
1100
  100% {
2109
- -webkit-transform: scale(1);
2110
- transform: scale(1);
1101
+ transform: scale(1);
2111
1102
  opacity: 1;
2112
1103
  }
2113
1104
  }
2114
1105
 
2115
1106
  /* Jiggle */
2116
- @-webkit-keyframes jiggle {
2117
- 0% {
2118
- -webkit-transform: scale3d(1, 1, 1);
2119
- transform: scale3d(1, 1, 1);
2120
- }
2121
- 30% {
2122
- -webkit-transform: scale3d(1.25, 0.75, 1);
2123
- transform: scale3d(1.25, 0.75, 1);
2124
- }
2125
- 40% {
2126
- -webkit-transform: scale3d(0.75, 1.25, 1);
2127
- transform: scale3d(0.75, 1.25, 1);
2128
- }
2129
- 50% {
2130
- -webkit-transform: scale3d(1.15, 0.85, 1);
2131
- transform: scale3d(1.15, 0.85, 1);
2132
- }
2133
- 65% {
2134
- -webkit-transform: scale3d(0.95, 1.05, 1);
2135
- transform: scale3d(0.95, 1.05, 1);
2136
- }
2137
- 75% {
2138
- -webkit-transform: scale3d(1.05, 0.95, 1);
2139
- transform: scale3d(1.05, 0.95, 1);
2140
- }
2141
- 100% {
2142
- -webkit-transform: scale3d(1, 1, 1);
2143
- transform: scale3d(1, 1, 1);
2144
- }
2145
- }
2146
1107
  @keyframes jiggle {
2147
1108
  0% {
2148
- -webkit-transform: scale3d(1, 1, 1);
2149
- transform: scale3d(1, 1, 1);
1109
+ transform: scale3d(1, 1, 1);
2150
1110
  }
2151
1111
  30% {
2152
- -webkit-transform: scale3d(1.25, 0.75, 1);
2153
- transform: scale3d(1.25, 0.75, 1);
1112
+ transform: scale3d(1.25, 0.75, 1);
2154
1113
  }
2155
1114
  40% {
2156
- -webkit-transform: scale3d(0.75, 1.25, 1);
2157
- transform: scale3d(0.75, 1.25, 1);
1115
+ transform: scale3d(0.75, 1.25, 1);
2158
1116
  }
2159
1117
  50% {
2160
- -webkit-transform: scale3d(1.15, 0.85, 1);
2161
- transform: scale3d(1.15, 0.85, 1);
1118
+ transform: scale3d(1.15, 0.85, 1);
2162
1119
  }
2163
1120
  65% {
2164
- -webkit-transform: scale3d(0.95, 1.05, 1);
2165
- transform: scale3d(0.95, 1.05, 1);
1121
+ transform: scale3d(0.95, 1.05, 1);
2166
1122
  }
2167
1123
  75% {
2168
- -webkit-transform: scale3d(1.05, 0.95, 1);
2169
- transform: scale3d(1.05, 0.95, 1);
1124
+ transform: scale3d(1.05, 0.95, 1);
2170
1125
  }
2171
1126
  100% {
2172
- -webkit-transform: scale3d(1, 1, 1);
2173
- transform: scale3d(1, 1, 1);
1127
+ transform: scale3d(1, 1, 1);
2174
1128
  }
2175
1129
  }
2176
1130
 
2177
1131
  /* Glow */
2178
- @-webkit-keyframes glow {
2179
- 0% {
2180
- background-color: #FCFCFD;
2181
- }
2182
- 30% {
2183
- background-color: #FFF6CD;
2184
- }
2185
- 100% {
2186
- background-color: #FCFCFD;
2187
- }
2188
- }
2189
1132
  @keyframes glow {
2190
1133
  0% {
2191
- background-color: #FCFCFD;
1134
+ background-color: #fcfcfd;
2192
1135
  }
2193
1136
  30% {
2194
- background-color: #FFF6CD;
1137
+ background-color: #fff6cd;
2195
1138
  }
2196
1139
  100% {
2197
- background-color: #FCFCFD;
1140
+ background-color: #fcfcfd;
2198
1141
  }
2199
1142
  }
2200
1143