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.
- package/.eslint/eqeqeq-rule.js +18 -0
- package/.eslint/index.js +29 -0
- package/.eslint/no-extra-parens-rule.js +17 -0
- package/.eslint/package.json +11 -0
- package/.eslintrc.js +123 -0
- package/.github/auto_assign.yml +0 -1
- package/.github/workflows/ci.yml +37 -4
- package/.github/workflows/nightly.yml +1 -1
- package/.github/workflows/release.yml +1 -1
- package/.prettierrc.js +12 -0
- package/.stylelintrc.js +48 -0
- package/CHANGELOG.md +112 -0
- package/README.md +1 -1
- package/dist/components/accordion.css +35 -53
- package/dist/components/accordion.js +568 -595
- package/dist/components/accordion.min.css +2 -2
- package/dist/components/accordion.min.js +3 -3
- package/dist/components/ad.css +34 -45
- package/dist/components/ad.min.css +2 -2
- package/dist/components/api.js +1157 -1179
- package/dist/components/api.min.js +3 -3
- package/dist/components/breadcrumb.css +5 -5
- package/dist/components/breadcrumb.min.css +2 -2
- package/dist/components/button.css +709 -1111
- package/dist/components/button.min.css +2 -2
- package/dist/components/calendar.css +24 -27
- package/dist/components/calendar.js +1934 -1809
- package/dist/components/calendar.min.css +2 -2
- package/dist/components/calendar.min.js +3 -3
- package/dist/components/card.css +219 -365
- package/dist/components/card.min.css +2 -2
- package/dist/components/checkbox.css +120 -191
- package/dist/components/checkbox.js +842 -841
- package/dist/components/checkbox.min.css +2 -2
- package/dist/components/checkbox.min.js +3 -3
- package/dist/components/comment.css +41 -59
- package/dist/components/comment.min.css +2 -2
- package/dist/components/container.css +7 -6
- package/dist/components/container.min.css +2 -2
- package/dist/components/dimmer.css +53 -172
- package/dist/components/dimmer.js +706 -737
- package/dist/components/dimmer.min.css +2 -2
- package/dist/components/dimmer.min.js +3 -3
- package/dist/components/divider.css +43 -61
- package/dist/components/divider.min.css +2 -2
- package/dist/components/dropdown.css +252 -386
- package/dist/components/dropdown.js +4195 -4236
- package/dist/components/dropdown.min.css +2 -2
- package/dist/components/dropdown.min.js +3 -3
- package/dist/components/embed.css +18 -29
- package/dist/components/embed.js +645 -675
- package/dist/components/embed.min.css +2 -2
- package/dist/components/embed.min.js +3 -3
- package/dist/components/emoji.css +3556 -3556
- package/dist/components/emoji.min.css +1 -1
- package/dist/components/feed.css +35 -57
- package/dist/components/feed.min.css +2 -2
- package/dist/components/flag.css +270 -268
- package/dist/components/flag.min.css +2 -2
- package/dist/components/flyout.css +95 -141
- package/dist/components/flyout.js +1514 -1465
- package/dist/components/flyout.min.css +2 -2
- package/dist/components/flyout.min.js +3 -3
- package/dist/components/form.css +244 -339
- package/dist/components/form.js +2022 -2004
- package/dist/components/form.min.css +2 -2
- package/dist/components/form.min.js +3 -3
- package/dist/components/grid.css +183 -329
- package/dist/components/grid.min.css +2 -2
- package/dist/components/header.css +118 -142
- package/dist/components/header.min.css +2 -2
- package/dist/components/icon.css +662 -745
- package/dist/components/icon.min.css +2 -2
- package/dist/components/image.css +39 -63
- package/dist/components/image.min.css +2 -2
- package/dist/components/input.css +356 -274
- package/dist/components/input.min.css +2 -2
- package/dist/components/item.css +84 -131
- package/dist/components/item.min.css +2 -2
- package/dist/components/label.css +359 -410
- package/dist/components/label.min.css +2 -2
- package/dist/components/list.css +49 -70
- package/dist/components/list.min.css +2 -2
- package/dist/components/loader.css +67 -155
- package/dist/components/loader.min.css +2 -2
- package/dist/components/menu.css +270 -431
- package/dist/components/menu.min.css +1 -1
- package/dist/components/message.css +125 -197
- package/dist/components/message.min.css +2 -2
- package/dist/components/modal.css +120 -154
- package/dist/components/modal.js +1544 -1486
- package/dist/components/modal.min.css +2 -2
- package/dist/components/modal.min.js +3 -3
- package/dist/components/nag.css +53 -63
- package/dist/components/nag.js +520 -526
- package/dist/components/nag.min.css +2 -2
- package/dist/components/nag.min.js +3 -3
- package/dist/components/placeholder.css +22 -42
- package/dist/components/placeholder.min.css +2 -2
- package/dist/components/popup.css +424 -202
- package/dist/components/popup.js +1456 -1456
- package/dist/components/popup.min.css +2 -2
- package/dist/components/popup.min.js +3 -3
- package/dist/components/progress.css +106 -211
- package/dist/components/progress.js +969 -997
- package/dist/components/progress.min.css +2 -2
- package/dist/components/progress.min.js +3 -3
- package/dist/components/rail.css +15 -20
- package/dist/components/rail.min.css +1 -1
- package/dist/components/rating.css +80 -121
- package/dist/components/rating.js +507 -523
- package/dist/components/rating.min.css +2 -2
- package/dist/components/rating.min.js +3 -3
- package/dist/components/reset.css +8 -13
- package/dist/components/reset.min.css +2 -2
- package/dist/components/reveal.css +44 -83
- package/dist/components/reveal.min.css +2 -2
- package/dist/components/search.css +69 -98
- package/dist/components/search.js +1520 -1534
- package/dist/components/search.min.css +2 -2
- package/dist/components/search.min.js +3 -3
- package/dist/components/segment.css +148 -224
- package/dist/components/segment.min.css +2 -2
- package/dist/components/shape.css +14 -30
- package/dist/components/shape.js +783 -810
- package/dist/components/shape.min.css +2 -2
- package/dist/components/shape.min.js +3 -3
- package/dist/components/sidebar.css +103 -206
- package/dist/components/sidebar.js +1061 -1099
- package/dist/components/sidebar.min.css +2 -2
- package/dist/components/sidebar.min.js +3 -3
- package/dist/components/site.css +28 -41
- package/dist/components/site.js +436 -476
- package/dist/components/site.min.css +2 -2
- package/dist/components/site.min.js +3 -3
- package/dist/components/slider.css +93 -121
- package/dist/components/slider.js +1310 -1311
- package/dist/components/slider.min.css +1 -1
- package/dist/components/slider.min.js +3 -3
- package/dist/components/state.js +638 -657
- package/dist/components/state.min.js +3 -3
- package/dist/components/statistic.css +75 -116
- package/dist/components/statistic.min.css +2 -2
- package/dist/components/step.css +77 -150
- package/dist/components/step.min.css +2 -2
- package/dist/components/sticky.css +1 -5
- package/dist/components/sticky.js +847 -901
- package/dist/components/sticky.min.css +2 -2
- package/dist/components/sticky.min.js +3 -3
- package/dist/components/tab.css +10 -14
- package/dist/components/tab.js +902 -966
- package/dist/components/tab.min.css +2 -2
- package/dist/components/tab.min.js +3 -3
- package/dist/components/table.css +547 -774
- package/dist/components/table.min.css +2 -2
- package/dist/components/text.css +32 -32
- package/dist/components/text.min.css +1 -1
- package/dist/components/toast.css +69 -147
- package/dist/components/toast.js +910 -884
- package/dist/components/toast.min.css +2 -2
- package/dist/components/toast.min.js +3 -3
- package/dist/components/transition.css +299 -1356
- package/dist/components/transition.js +1048 -1077
- package/dist/components/transition.min.css +2 -2
- package/dist/components/transition.min.js +3 -3
- package/dist/components/visibility.js +1213 -1245
- package/dist/components/visibility.min.js +3 -3
- package/dist/semantic.css +9344 -12298
- package/dist/semantic.js +29181 -29423
- package/dist/semantic.min.css +3 -3
- package/dist/semantic.min.js +3 -3
- package/dist/themes/basic/assets/fonts/icons.woff2 +0 -0
- package/dist/themes/github/assets/fonts/octicons.woff2 +0 -0
- package/examples/.eslintrc.js +6 -0
- package/examples/assets/library/jquery.min.js +2 -4
- package/examples/assets/show-examples.js +13 -13
- package/examples/attached.html +1 -1
- package/examples/bootstrap.html +1 -1
- package/examples/components/button.html +1 -1
- package/examples/components/card.html +6 -6
- package/examples/components/input.html +1 -1
- package/examples/components/menu.html +1 -1
- package/examples/components/site.html +1 -1
- package/examples/components/sticky-context.html +2 -2
- package/examples/components/table.html +1 -1
- package/examples/fixed.html +3 -3
- package/examples/grid.html +5 -5
- package/examples/homepage.html +1 -1
- package/examples/login.html +2 -2
- package/examples/responsive.html +2 -2
- package/examples/sticky.html +4 -4
- package/examples/theming.html +1 -1
- package/gulpfile.js +13 -11
- package/package.json +17 -8
- package/scripts/nightly-version.js +83 -75
- package/src/_site/collections/menu.overrides +1 -1
- package/src/_site/elements/flag.variables +2 -2
- package/src/_site/globals/site.variables +1 -1
- package/src/_site/modules/embed.variables +3 -0
- package/src/definitions/behaviors/api.js +1158 -1180
- package/src/definitions/behaviors/form.js +2021 -2003
- package/src/definitions/behaviors/state.js +644 -663
- package/src/definitions/behaviors/visibility.js +1212 -1244
- package/src/definitions/collections/breadcrumb.less +43 -47
- package/src/definitions/collections/form.less +866 -884
- package/src/definitions/collections/grid.less +1681 -1699
- package/src/definitions/collections/menu.less +1522 -1544
- package/src/definitions/collections/message.less +294 -298
- package/src/definitions/collections/table.less +1657 -1661
- package/src/definitions/elements/button.less +1716 -1750
- package/src/definitions/elements/container.less +211 -211
- package/src/definitions/elements/divider.less +198 -211
- package/src/definitions/elements/emoji.less +41 -48
- package/src/definitions/elements/flag.less +46 -48
- package/src/definitions/elements/header.less +351 -359
- package/src/definitions/elements/icon.less +541 -484
- package/src/definitions/elements/image.less +216 -227
- package/src/definitions/elements/input.less +692 -699
- package/src/definitions/elements/label.less +784 -806
- package/src/definitions/elements/list.less +810 -814
- package/src/definitions/elements/loader.less +273 -268
- package/src/definitions/elements/placeholder.less +173 -170
- package/src/definitions/elements/rail.less +93 -93
- package/src/definitions/elements/reveal.less +192 -198
- package/src/definitions/elements/segment.less +742 -749
- package/src/definitions/elements/step.less +423 -437
- package/src/definitions/elements/text.less +34 -36
- package/src/definitions/globals/reset.less +11 -8
- package/src/definitions/globals/site.js +435 -475
- package/src/definitions/globals/site.less +108 -110
- package/src/definitions/modules/accordion.js +567 -594
- package/src/definitions/modules/accordion.less +244 -248
- package/src/definitions/modules/calendar.js +1933 -1808
- package/src/definitions/modules/calendar.less +100 -97
- package/src/definitions/modules/checkbox.js +841 -840
- package/src/definitions/modules/checkbox.less +531 -552
- package/src/definitions/modules/dimmer.js +705 -736
- package/src/definitions/modules/dimmer.less +294 -305
- package/src/definitions/modules/dropdown.js +4194 -4235
- package/src/definitions/modules/dropdown.less +1568 -1598
- package/src/definitions/modules/embed.js +644 -674
- package/src/definitions/modules/embed.less +82 -84
- package/src/definitions/modules/flyout.js +1513 -1464
- package/src/definitions/modules/flyout.less +453 -455
- package/src/definitions/modules/modal.js +1543 -1485
- package/src/definitions/modules/modal.less +459 -467
- package/src/definitions/modules/nag.js +519 -525
- package/src/definitions/modules/nag.less +136 -149
- package/src/definitions/modules/popup.js +1455 -1455
- package/src/definitions/modules/popup.less +738 -693
- package/src/definitions/modules/progress.js +968 -996
- package/src/definitions/modules/progress.less +523 -499
- package/src/definitions/modules/rating.js +506 -522
- package/src/definitions/modules/rating.less +98 -103
- package/src/definitions/modules/search.js +1519 -1533
- package/src/definitions/modules/search.less +374 -394
- package/src/definitions/modules/shape.js +782 -809
- package/src/definitions/modules/shape.less +70 -79
- package/src/definitions/modules/sidebar.js +1060 -1098
- package/src/definitions/modules/sidebar.less +463 -476
- package/src/definitions/modules/slider.js +1309 -1310
- package/src/definitions/modules/slider.less +309 -310
- package/src/definitions/modules/sticky.js +863 -917
- package/src/definitions/modules/sticky.less +17 -25
- package/src/definitions/modules/tab.js +901 -965
- package/src/definitions/modules/tab.less +48 -54
- package/src/definitions/modules/toast.js +909 -883
- package/src/definitions/modules/toast.less +589 -589
- package/src/definitions/modules/transition.js +1047 -1076
- package/src/definitions/modules/transition.less +58 -59
- package/src/definitions/views/ad.less +207 -208
- package/src/definitions/views/card.less +955 -973
- package/src/definitions/views/comment.less +192 -200
- package/src/definitions/views/feed.less +222 -226
- package/src/definitions/views/item.less +437 -448
- package/src/definitions/views/statistic.less +273 -279
- package/src/semantic.less +8 -6
- package/src/theme.config.example +53 -53
- package/src/theme.less +44 -35
- package/src/themes/amazon/elements/button.overrides +23 -24
- package/src/themes/amazon/elements/button.variables +18 -23
- package/src/themes/amazon/globals/site.variables +16 -17
- package/src/themes/basic/assets/fonts/icons.woff2 +0 -0
- package/src/themes/basic/collections/table.overrides +0 -1
- package/src/themes/basic/collections/table.variables +3 -3
- package/src/themes/basic/elements/button.overrides +0 -1
- package/src/themes/basic/elements/button.variables +9 -9
- package/src/themes/basic/elements/icon.overrides +9 -169
- package/src/themes/basic/elements/icon.variables +161 -18
- package/src/themes/basic/elements/step.overrides +2 -2
- package/src/themes/basic/elements/step.variables +2 -2
- package/src/themes/basic/globals/reset.overrides +1 -1
- package/src/themes/basic/globals/reset.variables +1 -1
- package/src/themes/basic/modules/progress.variables +2 -2
- package/src/themes/basic/views/card.overrides +0 -1
- package/src/themes/basic/views/card.variables +6 -6
- package/src/themes/bookish/elements/header.overrides +4 -4
- package/src/themes/bookish/elements/header.variables +5 -5
- package/src/themes/bootstrap3/elements/button.overrides +3 -0
- package/src/themes/bootstrap3/elements/button.variables +20 -25
- package/src/themes/chubby/collections/form.overrides +9 -9
- package/src/themes/chubby/collections/form.variables +3 -3
- package/src/themes/chubby/collections/menu.overrides +3 -0
- package/src/themes/chubby/collections/menu.variables +3 -3
- package/src/themes/chubby/elements/button.overrides +8 -10
- package/src/themes/chubby/elements/button.variables +10 -10
- package/src/themes/chubby/elements/header.overrides +1 -1
- package/src/themes/chubby/elements/header.variables +4 -4
- package/src/themes/chubby/modules/accordion.overrides +2 -2
- package/src/themes/chubby/modules/accordion.variables +4 -4
- package/src/themes/chubby/views/comment.overrides +5 -5
- package/src/themes/chubby/views/comment.variables +11 -11
- package/src/themes/classic/collections/table.variables +3 -3
- package/src/themes/classic/elements/button.variables +36 -43
- package/src/themes/classic/elements/header.variables +4 -4
- package/src/themes/classic/modules/progress.variables +3 -3
- package/src/themes/classic/views/card.overrides +25 -27
- package/src/themes/classic/views/card.variables +7 -7
- package/src/themes/colored/modules/checkbox.overrides +3 -0
- package/src/themes/colored/modules/checkbox.variables +1 -3
- package/src/themes/default/collections/breadcrumb.variables +4 -4
- package/src/themes/default/collections/form.variables +15 -16
- package/src/themes/default/collections/grid.overrides +0 -1
- package/src/themes/default/collections/grid.variables +15 -16
- package/src/themes/default/collections/menu.variables +31 -45
- package/src/themes/default/collections/message.variables +84 -123
- package/src/themes/default/collections/table.overrides +3 -0
- package/src/themes/default/collections/table.variables +30 -34
- package/src/themes/default/elements/button.variables +44 -53
- package/src/themes/default/elements/container.variables +8 -16
- package/src/themes/default/elements/divider.overrides +8 -9
- package/src/themes/default/elements/divider.variables +5 -6
- package/src/themes/default/elements/emoji.overrides +0 -1
- package/src/themes/default/elements/emoji.variables +3556 -3556
- package/src/themes/default/elements/flag.variables +1595 -1595
- package/src/themes/default/elements/header.overrides +0 -1
- package/src/themes/default/elements/header.variables +21 -21
- package/src/themes/default/elements/icon.variables +2016 -2012
- package/src/themes/default/elements/image.variables +6 -7
- package/src/themes/default/elements/input.variables +11 -12
- package/src/themes/default/elements/label.variables +25 -26
- package/src/themes/default/elements/list.variables +17 -21
- package/src/themes/default/elements/loader.variables +16 -17
- package/src/themes/default/elements/placeholder.variables +12 -9
- package/src/themes/default/elements/rail.variables +4 -5
- package/src/themes/default/elements/reveal.variables +1 -1
- package/src/themes/default/elements/segment.variables +24 -36
- package/src/themes/default/elements/step.overrides +4 -4
- package/src/themes/default/elements/step.variables +19 -22
- package/src/themes/default/elements/text.variables +2 -3
- package/src/themes/default/globals/colors.less +588 -588
- package/src/themes/default/globals/reset.overrides +63 -59
- package/src/themes/default/globals/reset.variables +1 -1
- package/src/themes/default/globals/site.variables +1074 -1123
- package/src/themes/default/globals/variation.variables +6 -4
- package/src/themes/default/modules/accordion.overrides +11 -11
- package/src/themes/default/modules/accordion.variables +15 -20
- package/src/themes/default/modules/calendar.variables +2 -0
- package/src/themes/default/modules/chatroom.variables +1 -1
- package/src/themes/default/modules/checkbox.overrides +9 -13
- package/src/themes/default/modules/checkbox.variables +24 -33
- package/src/themes/default/modules/dimmer.variables +14 -17
- package/src/themes/default/modules/dropdown.overrides +17 -17
- package/src/themes/default/modules/dropdown.variables +29 -31
- package/src/themes/default/modules/embed.variables +9 -13
- package/src/themes/default/modules/flyout.variables +10 -8
- package/src/themes/default/modules/modal.variables +64 -67
- package/src/themes/default/modules/nag.variables +11 -14
- package/src/themes/default/modules/popup.variables +14 -13
- package/src/themes/default/modules/progress.variables +17 -19
- package/src/themes/default/modules/rating.variables +10 -12
- package/src/themes/default/modules/search.variables +12 -17
- package/src/themes/default/modules/shape.variables +7 -8
- package/src/themes/default/modules/sidebar.variables +4 -4
- package/src/themes/default/modules/slider.variables +55 -54
- package/src/themes/default/modules/sticky.variables +1 -1
- package/src/themes/default/modules/toast.variables +8 -8
- package/src/themes/default/modules/transition.overrides +936 -915
- package/src/themes/default/modules/transition.variables +1 -1
- package/src/themes/default/views/ad.variables +1 -1
- package/src/themes/default/views/card.variables +33 -45
- package/src/themes/default/views/comment.variables +7 -9
- package/src/themes/default/views/feed.variables +10 -10
- package/src/themes/default/views/item.variables +20 -23
- package/src/themes/default/views/statistic.variables +8 -8
- package/src/themes/duo/elements/loader.variables +1 -1
- package/src/themes/famfamfam/elements/flag.overrides +263 -268
- package/src/themes/famfamfam/elements/flag.variables +4 -4
- package/src/themes/fixed-width/collections/grid.variables +4 -4
- package/src/themes/fixed-width/modules/modal.variables +11 -13
- package/src/themes/flat/collections/form.overrides +9 -9
- package/src/themes/flat/collections/form.variables +16 -17
- package/src/themes/flat/globals/site.variables +69 -74
- package/src/themes/github/assets/fonts/octicons.woff2 +0 -0
- package/src/themes/github/collections/breadcrumb.variables +0 -1
- package/src/themes/github/collections/form.overrides +7 -8
- package/src/themes/github/collections/form.variables +16 -18
- package/src/themes/github/collections/grid.variables +1 -2
- package/src/themes/github/collections/menu.overrides +2 -2
- package/src/themes/github/collections/menu.variables +24 -26
- package/src/themes/github/collections/message.overrides +3 -3
- package/src/themes/github/collections/message.variables +12 -14
- package/src/themes/github/collections/table.variables +2 -2
- package/src/themes/github/elements/button.overrides +0 -1
- package/src/themes/github/elements/button.variables +26 -30
- package/src/themes/github/elements/header.variables +2 -2
- package/src/themes/github/elements/icon.overrides +3 -208
- package/src/themes/github/elements/icon.variables +234 -19
- package/src/themes/github/elements/image.variables +1 -1
- package/src/themes/github/elements/input.overrides +16 -16
- package/src/themes/github/elements/input.variables +4 -5
- package/src/themes/github/elements/label.overrides +3 -3
- package/src/themes/github/elements/label.variables +0 -1
- package/src/themes/github/elements/segment.variables +9 -10
- package/src/themes/github/elements/step.overrides +13 -13
- package/src/themes/github/elements/step.variables +6 -6
- package/src/themes/github/globals/site.variables +16 -16
- package/src/themes/github/modules/dropdown.overrides +18 -19
- package/src/themes/github/modules/dropdown.variables +8 -10
- package/src/themes/github/modules/popup.variables +0 -2
- package/src/themes/gmail/collections/message.overrides +3 -0
- package/src/themes/gmail/collections/message.variables +4 -4
- package/src/themes/instagram/views/card.overrides +4 -5
- package/src/themes/instagram/views/card.variables +7 -8
- package/src/themes/joypixels/elements/emoji.overrides +0 -2
- package/src/themes/joypixels/elements/emoji.variables +3554 -3554
- package/src/themes/material/collections/menu.overrides +1 -1
- package/src/themes/material/collections/menu.variables +4 -4
- package/src/themes/material/elements/button.overrides +7 -9
- package/src/themes/material/elements/button.variables +44 -46
- package/src/themes/material/elements/header.overrides +3 -3
- package/src/themes/material/elements/header.variables +8 -10
- package/src/themes/material/elements/icon.overrides +3 -934
- package/src/themes/material/elements/icon.variables +958 -18
- package/src/themes/material/globals/site.overrides +3 -0
- package/src/themes/material/globals/site.variables +83 -84
- package/src/themes/material/modules/dropdown.overrides +2 -2
- package/src/themes/material/modules/dropdown.variables +5 -5
- package/src/themes/material/modules/modal.overrides +3 -3
- package/src/themes/material/modules/modal.variables +4 -5
- package/src/themes/pulsar/elements/loader.overrides +23 -61
- package/src/themes/raised/elements/button.variables +8 -9
- package/src/themes/resetcss/globals/reset.overrides +115 -33
- package/src/themes/resetcss/globals/reset.variables +1 -1
- package/src/themes/round/elements/button.overrides +3 -0
- package/src/themes/round/elements/button.variables +33 -38
- package/src/themes/rtl/globals/site.overrides +1 -1
- package/src/themes/rtl/globals/site.variables +5 -6
- package/src/themes/striped/modules/progress.overrides +20 -16
- package/src/themes/systemfont/globals/reset.overrides +1 -1
- package/src/themes/systemfont/globals/site.variables +6 -6
- package/src/themes/timeline/views/feed.overrides +12 -12
- package/src/themes/timeline/views/feed.variables +8 -8
- package/src/themes/twitter/elements/button.overrides +4 -5
- package/src/themes/twitter/elements/button.variables +17 -18
- package/src/themes/twitter/elements/emoji.variables +3556 -3556
- package/tasks/.eslintrc.js +9 -0
- package/tasks/README.md +2 -4
- package/tasks/admin/components/create.js +268 -277
- package/tasks/admin/components/init.js +123 -129
- package/tasks/admin/components/update.js +151 -158
- package/tasks/admin/distributions/create.js +183 -189
- package/tasks/admin/distributions/init.js +125 -131
- package/tasks/admin/distributions/update.js +147 -153
- package/tasks/admin/publish.js +5 -9
- package/tasks/admin/register.js +37 -39
- package/tasks/admin/release.js +8 -12
- package/tasks/build/assets.js +43 -40
- package/tasks/build/css.js +230 -217
- package/tasks/build/javascript.js +120 -114
- package/tasks/build.js +11 -11
- package/tasks/check-install.js +15 -17
- package/tasks/clean.js +6 -6
- package/tasks/collections/README.md +3 -5
- package/tasks/collections/admin.js +34 -36
- package/tasks/collections/build.js +19 -21
- package/tasks/collections/docs.js +11 -13
- package/tasks/collections/install.js +11 -13
- package/tasks/collections/rtl.js +9 -12
- package/tasks/collections/various.js +10 -12
- package/tasks/config/admin/github.js +17 -19
- package/tasks/config/admin/oauth.example.js +4 -4
- package/tasks/config/admin/release.js +98 -98
- package/tasks/config/admin/templates/README.md +8 -8
- package/tasks/config/admin/templates/bower.json +3 -2
- package/tasks/config/admin/templates/component-package.js +9 -10
- package/tasks/config/admin/templates/css-package.js +19 -21
- package/tasks/config/admin/templates/less-package.js +12 -14
- package/tasks/config/admin/templates/package.json +6 -6
- package/tasks/config/defaults.js +116 -116
- package/tasks/config/docs.js +23 -23
- package/tasks/config/npm/gulpfile.js +15 -14
- package/tasks/config/project/config.js +124 -136
- package/tasks/config/project/install.js +722 -719
- package/tasks/config/project/release.js +34 -41
- package/tasks/config/tasks.js +168 -167
- package/tasks/config/user.js +28 -32
- package/tasks/docs/build.js +100 -96
- package/tasks/docs/metadata.js +91 -98
- package/tasks/docs/serve.js +84 -82
- package/tasks/install.js +373 -382
- package/tasks/rtl/build.js +4 -3
- package/tasks/rtl/watch.js +4 -3
- package/tasks/version.js +4 -6
- package/tasks/watch.js +29 -31
- package/test/.eslintrc.js +23 -0
- package/test/meteor/assets.js +11 -14
- package/test/meteor/fonts.js +12 -13
- package/test/modules/accordion.spec.js +6 -8
- package/test/modules/checkbox.spec.js +5 -7
- package/test/modules/dropdown.spec.js +5 -7
- package/test/modules/modal.spec.js +6 -8
- package/test/modules/module.spec.js +158 -178
- package/test/modules/popup.spec.js +5 -7
- package/test/modules/search.spec.js +5 -7
- package/test/modules/shape.spec.js +5 -7
- package/test/modules/sidebar.spec.js +5 -7
- package/test/modules/tab.spec.js +6 -8
- package/test/modules/transition.spec.js +5 -7
- package/test/modules/video.spec.js +5 -7
- package/.github/workflows/codeql.yml +0 -68
@@ -1,5 +1,5 @@
|
|
1
1
|
/*!
|
2
|
-
* # Fomantic-UI 2.9.1
|
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
|
-
|
18
|
-
|
19
|
-
-
|
20
|
-
|
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
|
-
/*
|
59
|
-
|
54
|
+
/* backface-visibility: @backfaceVisibility;
|
55
|
+
transform: @use3DAcceleration; */
|
60
56
|
}
|
57
|
+
|
61
58
|
/* Disabled */
|
62
59
|
.disabled.transition {
|
63
|
-
|
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
|
-
|
74
|
-
animation-iteration-count: infinite;
|
69
|
+
animation-iteration-count: infinite;
|
75
70
|
}
|
76
71
|
|
77
72
|
/* Pulsating */
|
78
73
|
.pulsating.transition {
|
79
|
-
|
80
|
-
|
81
|
-
-
|
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
|
-
|
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
|
-
|
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
|
-
|
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
|
-
|
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
|
-
|
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
|
-
|
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
|
-
|
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
|
-
|
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
|
-
|
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
|
-
|
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
|
-
|
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
|
-
|
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
|
-
|
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
|
-
|
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
|
-
|
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
|
-
|
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
|
-
|
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
|
-
|
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
|
-
|
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
|
-
|
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
|
-
|
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
|
-
|
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
|
-
|
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
|
-
|
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
|
-
|
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
|
-
|
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
|
-
|
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
|
-
|
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
|
-
|
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
|
-
|
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
|
-
|
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
|
-
|
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
|
-
|
238
|
-
|
239
|
-
|
190
|
+
/* --------------
|
191
|
+
Browse
|
192
|
+
--------------- */
|
240
193
|
.transition.browse {
|
241
|
-
|
242
|
-
animation-duration: 500ms;
|
194
|
+
animation-duration: 500ms;
|
243
195
|
}
|
244
196
|
.transition.browse.in {
|
245
|
-
|
246
|
-
animation-name: browseIn;
|
197
|
+
animation-name: browseIn;
|
247
198
|
}
|
248
199
|
.transition.browse.out,
|
249
200
|
.transition.browse.left.out {
|
250
|
-
|
251
|
-
animation-name: browseOutLeft;
|
201
|
+
animation-name: browseOutLeft;
|
252
202
|
}
|
253
203
|
.transition.browse.right.out {
|
254
|
-
|
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
|
-
|
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
|
-
|
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
|
-
|
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
|
-
|
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
|
-
|
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
|
-
|
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
|
-
|
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
|
-
|
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
|
-
|
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
|
-
|
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
|
-
|
396
|
-
|
397
|
-
|
267
|
+
/* --------------
|
268
|
+
Drop
|
269
|
+
--------------- */
|
398
270
|
.drop.transition {
|
399
|
-
|
400
|
-
|
401
|
-
-
|
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
|
-
|
408
|
-
animation-name: dropIn;
|
276
|
+
animation-name: dropIn;
|
409
277
|
}
|
410
278
|
.drop.transition.out {
|
411
|
-
|
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
|
-
|
432
|
-
transform: scale(0);
|
286
|
+
transform: scale(0);
|
433
287
|
}
|
434
288
|
100% {
|
435
289
|
opacity: 1;
|
436
|
-
|
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
|
-
|
456
|
-
transform: scale(1);
|
296
|
+
transform: scale(1);
|
457
297
|
}
|
458
298
|
100% {
|
459
299
|
opacity: 0;
|
460
|
-
|
461
|
-
transform: scale(0);
|
300
|
+
transform: scale(0);
|
462
301
|
}
|
463
302
|
}
|
464
303
|
|
465
|
-
|
466
|
-
|
467
|
-
|
468
|
-
|
304
|
+
/* --------------
|
305
|
+
Fade
|
306
|
+
--------------- */
|
469
307
|
.transition.fade.in {
|
470
|
-
|
471
|
-
animation-name: fadeIn;
|
308
|
+
animation-name: fadeIn;
|
472
309
|
}
|
473
310
|
.transition[class*="fade up"].in {
|
474
|
-
|
475
|
-
animation-name: fadeInUp;
|
311
|
+
animation-name: fadeInUp;
|
476
312
|
}
|
477
313
|
.transition[class*="fade down"].in {
|
478
|
-
|
479
|
-
animation-name: fadeInDown;
|
314
|
+
animation-name: fadeInDown;
|
480
315
|
}
|
481
316
|
.transition[class*="fade left"].in {
|
482
|
-
|
483
|
-
animation-name: fadeInLeft;
|
317
|
+
animation-name: fadeInLeft;
|
484
318
|
}
|
485
319
|
.transition[class*="fade right"].in {
|
486
|
-
|
487
|
-
animation-name: fadeInRight;
|
320
|
+
animation-name: fadeInRight;
|
488
321
|
}
|
489
322
|
.transition.fade.out {
|
490
|
-
|
491
|
-
animation-name: fadeOut;
|
323
|
+
animation-name: fadeOut;
|
492
324
|
}
|
493
325
|
.transition[class*="fade up"].out {
|
494
|
-
|
495
|
-
animation-name: fadeOutUp;
|
326
|
+
animation-name: fadeOutUp;
|
496
327
|
}
|
497
328
|
.transition[class*="fade down"].out {
|
498
|
-
|
499
|
-
animation-name: fadeOutDown;
|
329
|
+
animation-name: fadeOutDown;
|
500
330
|
}
|
501
331
|
.transition[class*="fade left"].out {
|
502
|
-
|
503
|
-
animation-name: fadeOutLeft;
|
332
|
+
animation-name: fadeOutLeft;
|
504
333
|
}
|
505
334
|
.transition[class*="fade right"].out {
|
506
|
-
|
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
|
-
|
543
|
-
transform: translateY(10%);
|
350
|
+
transform: translateY(10%);
|
544
351
|
}
|
545
352
|
100% {
|
546
353
|
opacity: 1;
|
547
|
-
|
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
|
-
|
567
|
-
transform: translateY(-10%);
|
360
|
+
transform: translateY(-10%);
|
568
361
|
}
|
569
362
|
100% {
|
570
363
|
opacity: 1;
|
571
|
-
|
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
|
-
|
591
|
-
transform: translateX(10%);
|
370
|
+
transform: translateX(10%);
|
592
371
|
}
|
593
372
|
100% {
|
594
373
|
opacity: 1;
|
595
|
-
|
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
|
-
|
615
|
-
transform: translateX(-10%);
|
380
|
+
transform: translateX(-10%);
|
616
381
|
}
|
617
382
|
100% {
|
618
383
|
opacity: 1;
|
619
|
-
|
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
|
-
|
657
|
-
transform: translateY(0%);
|
400
|
+
transform: translateY(0);
|
658
401
|
}
|
659
402
|
100% {
|
660
403
|
opacity: 0;
|
661
|
-
|
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
|
-
|
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
|
-
|
698
|
-
transform: translateX(5%);
|
414
|
+
transform: translateY(-5%);
|
699
415
|
}
|
700
416
|
}
|
701
417
|
@keyframes fadeOutLeft {
|
702
418
|
0% {
|
703
419
|
opacity: 1;
|
704
|
-
|
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
|
-
|
722
|
-
transform: translateX(-5%);
|
424
|
+
transform: translateX(5%);
|
723
425
|
}
|
724
426
|
}
|
725
427
|
@keyframes fadeOutRight {
|
726
428
|
0% {
|
727
429
|
opacity: 1;
|
728
|
-
|
729
|
-
transform: translateX(0%);
|
430
|
+
transform: translateX(0);
|
730
431
|
}
|
731
432
|
100% {
|
732
433
|
opacity: 0;
|
733
|
-
|
734
|
-
transform: translateX(-5%);
|
434
|
+
transform: translateX(-5%);
|
735
435
|
}
|
736
436
|
}
|
737
437
|
|
738
|
-
|
739
|
-
|
740
|
-
|
741
|
-
|
438
|
+
/* --------------
|
439
|
+
Flips
|
440
|
+
--------------- */
|
742
441
|
.flip.transition.in,
|
743
442
|
.flip.transition.out {
|
744
|
-
|
745
|
-
animation-duration: 600ms;
|
443
|
+
animation-duration: 600ms;
|
746
444
|
}
|
747
445
|
.horizontal.flip.transition.in {
|
748
|
-
|
749
|
-
animation-name: horizontalFlipIn;
|
446
|
+
animation-name: horizontalFlipIn;
|
750
447
|
}
|
751
448
|
.horizontal.flip.transition.out {
|
752
|
-
|
753
|
-
animation-name: horizontalFlipOut;
|
449
|
+
animation-name: horizontalFlipOut;
|
754
450
|
}
|
755
451
|
.vertical.flip.transition.in {
|
756
|
-
|
757
|
-
animation-name: verticalFlipIn;
|
452
|
+
animation-name: verticalFlipIn;
|
758
453
|
}
|
759
454
|
.vertical.flip.transition.out {
|
760
|
-
|
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
|
-
|
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
|
-
|
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
|
-
|
804
|
-
transform: perspective(2000px) rotateX(-90deg);
|
471
|
+
transform: perspective(2000px) rotateX(-90deg);
|
805
472
|
opacity: 0;
|
806
473
|
}
|
807
474
|
100% {
|
808
|
-
|
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
|
-
|
830
|
-
transform: perspective(2000px) rotateY(0deg);
|
483
|
+
transform: perspective(2000px) rotateY(0);
|
831
484
|
opacity: 1;
|
832
485
|
}
|
833
486
|
100% {
|
834
|
-
|
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
|
-
|
854
|
-
transform: perspective(2000px) rotateX(0deg);
|
493
|
+
transform: perspective(2000px) rotateX(0);
|
855
494
|
opacity: 1;
|
856
495
|
}
|
857
496
|
100% {
|
858
|
-
|
859
|
-
transform: perspective(2000px) rotateX(-90deg);
|
497
|
+
transform: perspective(2000px) rotateX(-90deg);
|
860
498
|
opacity: 0;
|
861
499
|
}
|
862
500
|
}
|
863
501
|
|
864
|
-
|
865
|
-
|
866
|
-
|
867
|
-
|
502
|
+
/* --------------
|
503
|
+
Scale
|
504
|
+
--------------- */
|
868
505
|
.scale.transition.in {
|
869
|
-
|
870
|
-
animation-name: scaleIn;
|
506
|
+
animation-name: scaleIn;
|
871
507
|
}
|
872
508
|
.scale.transition.out {
|
873
|
-
|
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
|
-
|
892
|
-
transform: scale(0.8);
|
514
|
+
transform: scale(0.8);
|
893
515
|
}
|
894
516
|
100% {
|
895
517
|
opacity: 1;
|
896
|
-
|
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
|
-
|
918
|
-
transform: scale(1);
|
526
|
+
transform: scale(1);
|
919
527
|
}
|
920
528
|
100% {
|
921
529
|
opacity: 0;
|
922
|
-
|
923
|
-
transform: scale(0.9);
|
530
|
+
transform: scale(0.9);
|
924
531
|
}
|
925
532
|
}
|
926
533
|
|
927
|
-
|
928
|
-
|
929
|
-
|
930
|
-
|
534
|
+
/* --------------
|
535
|
+
Fly
|
536
|
+
--------------- */
|
931
537
|
|
932
538
|
/* Inward */
|
933
539
|
.transition.fly {
|
934
|
-
|
935
|
-
|
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
|
-
|
941
|
-
animation-name: flyIn;
|
544
|
+
animation-name: flyIn;
|
942
545
|
}
|
943
546
|
.transition[class*="fly up"].in {
|
944
|
-
|
945
|
-
animation-name: flyInUp;
|
547
|
+
animation-name: flyInUp;
|
946
548
|
}
|
947
549
|
.transition[class*="fly down"].in {
|
948
|
-
|
949
|
-
animation-name: flyInDown;
|
550
|
+
animation-name: flyInDown;
|
950
551
|
}
|
951
552
|
.transition[class*="fly left"].in {
|
952
|
-
|
953
|
-
animation-name: flyInLeft;
|
553
|
+
animation-name: flyInLeft;
|
954
554
|
}
|
955
555
|
.transition[class*="fly right"].in {
|
956
|
-
|
957
|
-
animation-name: flyInRight;
|
556
|
+
animation-name: flyInRight;
|
958
557
|
}
|
959
558
|
|
960
559
|
/* Outward */
|
961
560
|
.transition.fly.out {
|
962
|
-
|
963
|
-
animation-name: flyOut;
|
561
|
+
animation-name: flyOut;
|
964
562
|
}
|
965
563
|
.transition[class*="fly up"].out {
|
966
|
-
|
967
|
-
animation-name: flyOutUp;
|
564
|
+
animation-name: flyOutUp;
|
968
565
|
}
|
969
566
|
.transition[class*="fly down"].out {
|
970
|
-
|
971
|
-
animation-name: flyOutDown;
|
567
|
+
animation-name: flyOutDown;
|
972
568
|
}
|
973
569
|
.transition[class*="fly left"].out {
|
974
|
-
|
975
|
-
animation-name: flyOutLeft;
|
570
|
+
animation-name: flyOutLeft;
|
976
571
|
}
|
977
572
|
.transition[class*="fly right"].out {
|
978
|
-
|
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
|
-
|
1016
|
-
transform: scale3d(0.3, 0.3, 0.3);
|
580
|
+
transform: scale3d(0.3, 0.3, 0.3);
|
1017
581
|
}
|
1018
582
|
20% {
|
1019
|
-
|
1020
|
-
transform: scale3d(1.1, 1.1, 1.1);
|
583
|
+
transform: scale3d(1.1, 1.1, 1.1);
|
1021
584
|
}
|
1022
585
|
40% {
|
1023
|
-
|
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
|
-
|
1029
|
-
transform: scale3d(1.03, 1.03, 1.03);
|
590
|
+
transform: scale3d(1.03, 1.03, 1.03);
|
1030
591
|
}
|
1031
592
|
80% {
|
1032
|
-
|
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
|
-
|
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
|
-
|
1069
|
-
transform: translate3d(0, 1500px, 0);
|
603
|
+
transform: translate3d(0, 1500px, 0);
|
1070
604
|
}
|
1071
605
|
60% {
|
1072
606
|
opacity: 1;
|
1073
|
-
|
1074
|
-
transform: translate3d(0, -20px, 0);
|
607
|
+
transform: translate3d(0, -20px, 0);
|
1075
608
|
}
|
1076
609
|
75% {
|
1077
|
-
|
1078
|
-
transform: translate3d(0, 10px, 0);
|
610
|
+
transform: translate3d(0, 10px, 0);
|
1079
611
|
}
|
1080
612
|
90% {
|
1081
|
-
|
1082
|
-
transform: translate3d(0, -5px, 0);
|
613
|
+
transform: translate3d(0, -5px, 0);
|
1083
614
|
}
|
1084
615
|
100% {
|
1085
|
-
|
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
|
-
|
1117
|
-
transform: translate3d(0, -1500px, 0);
|
622
|
+
transform: translate3d(0, -1500px, 0);
|
1118
623
|
}
|
1119
624
|
60% {
|
1120
625
|
opacity: 1;
|
1121
|
-
|
1122
|
-
transform: translate3d(0, 25px, 0);
|
626
|
+
transform: translate3d(0, 25px, 0);
|
1123
627
|
}
|
1124
628
|
75% {
|
1125
|
-
|
1126
|
-
transform: translate3d(0, -10px, 0);
|
629
|
+
transform: translate3d(0, -10px, 0);
|
1127
630
|
}
|
1128
631
|
90% {
|
1129
|
-
|
1130
|
-
transform: translate3d(0, 5px, 0);
|
632
|
+
transform: translate3d(0, 5px, 0);
|
1131
633
|
}
|
1132
634
|
100% {
|
1133
|
-
|
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
|
-
|
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
|
-
|
1194
|
-
transform: translate3d(25px, 0, 0);
|
645
|
+
transform: translate3d(-25px, 0, 0);
|
1195
646
|
}
|
1196
647
|
75% {
|
1197
|
-
|
1198
|
-
transform: translate3d(-10px, 0, 0);
|
648
|
+
transform: translate3d(10px, 0, 0);
|
1199
649
|
}
|
1200
650
|
90% {
|
1201
|
-
|
1202
|
-
transform: translate3d(5px, 0, 0);
|
651
|
+
transform: translate3d(-5px, 0, 0);
|
1203
652
|
}
|
1204
653
|
100% {
|
1205
|
-
|
1206
|
-
transform: none;
|
654
|
+
transform: none;
|
1207
655
|
}
|
1208
656
|
}
|
1209
657
|
@keyframes flyInRight {
|
1210
658
|
0% {
|
1211
659
|
opacity: 0;
|
1212
|
-
|
1213
|
-
transform: translate3d(-1500px, 0, 0);
|
660
|
+
transform: translate3d(-1500px, 0, 0);
|
1214
661
|
}
|
1215
662
|
60% {
|
1216
663
|
opacity: 1;
|
1217
|
-
|
1218
|
-
transform: translate3d(25px, 0, 0);
|
664
|
+
transform: translate3d(25px, 0, 0);
|
1219
665
|
}
|
1220
666
|
75% {
|
1221
|
-
|
1222
|
-
transform: translate3d(-10px, 0, 0);
|
667
|
+
transform: translate3d(-10px, 0, 0);
|
1223
668
|
}
|
1224
669
|
90% {
|
1225
|
-
|
1226
|
-
transform: translate3d(5px, 0, 0);
|
670
|
+
transform: translate3d(5px, 0, 0);
|
1227
671
|
}
|
1228
672
|
100% {
|
1229
|
-
|
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
|
-
|
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
|
-
|
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
|
-
|
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
|
-
|
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
|
-
|
1295
|
-
transform: translate3d(0, -20px, 0);
|
699
|
+
transform: translate3d(0, -20px, 0);
|
1296
700
|
}
|
1297
701
|
100% {
|
1298
702
|
opacity: 0;
|
1299
|
-
|
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
|
-
|
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
|
-
|
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
|
-
|
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
|
-
|
1353
|
-
transform: translate3d(20px, 0, 0);
|
723
|
+
transform: translate3d(20px, 0, 0);
|
1354
724
|
}
|
1355
725
|
100% {
|
1356
726
|
opacity: 0;
|
1357
|
-
|
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
|
-
|
1377
|
-
transform: translate3d(-20px, 0, 0);
|
733
|
+
transform: translate3d(-20px, 0, 0);
|
1378
734
|
}
|
1379
735
|
100% {
|
1380
736
|
opacity: 0;
|
1381
|
-
|
1382
|
-
transform: translate3d(2000px, 0, 0);
|
737
|
+
transform: translate3d(2000px, 0, 0);
|
1383
738
|
}
|
1384
739
|
}
|
1385
740
|
|
1386
|
-
|
1387
|
-
|
1388
|
-
|
1389
|
-
|
741
|
+
/* --------------
|
742
|
+
Slide
|
743
|
+
--------------- */
|
1390
744
|
.transition.slide.in,
|
1391
745
|
.transition[class*="slide down"].in {
|
1392
|
-
|
1393
|
-
|
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
|
-
|
1399
|
-
|
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
|
-
|
1405
|
-
|
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
|
-
|
1411
|
-
|
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
|
-
|
1418
|
-
|
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
|
-
|
1424
|
-
|
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
|
-
|
1430
|
-
|
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
|
-
|
1436
|
-
|
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
|
-
|
1458
|
-
transform: scaleY(0);
|
783
|
+
transform: scaleY(0);
|
1459
784
|
}
|
1460
785
|
100% {
|
1461
786
|
opacity: 1;
|
1462
|
-
|
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
|
-
|
1482
|
-
transform: scaleX(0);
|
793
|
+
transform: scaleX(0);
|
1483
794
|
}
|
1484
795
|
100% {
|
1485
796
|
opacity: 1;
|
1486
|
-
|
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
|
-
|
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
|
-
|
1525
|
-
transform: scaleX(0);
|
809
|
+
transform: scaleY(0);
|
1526
810
|
}
|
1527
811
|
}
|
1528
812
|
@keyframes slideOutX {
|
1529
813
|
0% {
|
1530
814
|
opacity: 1;
|
1531
|
-
|
1532
|
-
transform: scaleX(1);
|
815
|
+
transform: scaleX(1);
|
1533
816
|
}
|
1534
817
|
100% {
|
1535
818
|
opacity: 0;
|
1536
|
-
|
1537
|
-
transform: scaleX(0);
|
819
|
+
transform: scaleX(0);
|
1538
820
|
}
|
1539
821
|
}
|
1540
822
|
|
1541
|
-
|
1542
|
-
|
1543
|
-
|
1544
|
-
|
823
|
+
/* --------------
|
824
|
+
Swing
|
825
|
+
--------------- */
|
1545
826
|
.transition.swing {
|
1546
|
-
|
1547
|
-
animation-duration: 800ms;
|
827
|
+
animation-duration: 800ms;
|
1548
828
|
}
|
1549
829
|
.transition[class*="swing down"].in {
|
1550
|
-
|
1551
|
-
|
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
|
-
|
1557
|
-
|
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
|
-
|
1563
|
-
|
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
|
-
|
1569
|
-
|
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
|
-
|
1576
|
-
|
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
|
-
|
1582
|
-
|
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
|
-
|
1588
|
-
|
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
|
-
|
1594
|
-
|
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
|
-
|
1627
|
-
transform: perspective(1000px) rotateX(90deg);
|
866
|
+
transform: perspective(1000px) rotateX(90deg);
|
1628
867
|
opacity: 0;
|
1629
868
|
}
|
1630
869
|
40% {
|
1631
|
-
|
1632
|
-
transform: perspective(1000px) rotateX(-30deg);
|
870
|
+
transform: perspective(1000px) rotateX(-30deg);
|
1633
871
|
opacity: 1;
|
1634
872
|
}
|
1635
873
|
60% {
|
1636
|
-
|
1637
|
-
transform: perspective(1000px) rotateX(15deg);
|
874
|
+
transform: perspective(1000px) rotateX(15deg);
|
1638
875
|
}
|
1639
876
|
80% {
|
1640
|
-
|
1641
|
-
transform: perspective(1000px) rotateX(-7.5deg);
|
877
|
+
transform: perspective(1000px) rotateX(-7.5deg);
|
1642
878
|
}
|
1643
879
|
100% {
|
1644
|
-
|
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
|
-
|
1675
|
-
transform: perspective(1000px) rotateY(-90deg);
|
885
|
+
transform: perspective(1000px) rotateY(-90deg);
|
1676
886
|
opacity: 0;
|
1677
887
|
}
|
1678
888
|
40% {
|
1679
|
-
|
1680
|
-
transform: perspective(1000px) rotateY(30deg);
|
889
|
+
transform: perspective(1000px) rotateY(30deg);
|
1681
890
|
opacity: 1;
|
1682
891
|
}
|
1683
892
|
60% {
|
1684
|
-
|
1685
|
-
transform: perspective(1000px) rotateY(-17.5deg);
|
893
|
+
transform: perspective(1000px) rotateY(-17.5deg);
|
1686
894
|
}
|
1687
895
|
80% {
|
1688
|
-
|
1689
|
-
transform: perspective(1000px) rotateY(7.5deg);
|
896
|
+
transform: perspective(1000px) rotateY(7.5deg);
|
1690
897
|
}
|
1691
898
|
100% {
|
1692
|
-
|
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
|
-
|
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
|
-
|
1753
|
-
transform: perspective(1000px) rotateY(7.5deg);
|
909
|
+
transform: perspective(1000px) rotateX(-7.5deg);
|
1754
910
|
}
|
1755
911
|
60% {
|
1756
|
-
|
1757
|
-
transform: perspective(1000px) rotateY(-10deg);
|
912
|
+
transform: perspective(1000px) rotateX(17.5deg);
|
1758
913
|
}
|
1759
914
|
80% {
|
1760
|
-
|
1761
|
-
transform: perspective(1000px) rotateY(30deg);
|
915
|
+
transform: perspective(1000px) rotateX(-30deg);
|
1762
916
|
opacity: 1;
|
1763
917
|
}
|
1764
918
|
100% {
|
1765
|
-
|
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
|
-
|
1773
|
-
transform: perspective(1000px) rotateY(0deg);
|
925
|
+
transform: perspective(1000px) rotateY(0);
|
1774
926
|
}
|
1775
927
|
40% {
|
1776
|
-
|
1777
|
-
transform: perspective(1000px) rotateY(7.5deg);
|
928
|
+
transform: perspective(1000px) rotateY(7.5deg);
|
1778
929
|
}
|
1779
930
|
60% {
|
1780
|
-
|
1781
|
-
transform: perspective(1000px) rotateY(-10deg);
|
931
|
+
transform: perspective(1000px) rotateY(-10deg);
|
1782
932
|
}
|
1783
933
|
80% {
|
1784
|
-
|
1785
|
-
transform: perspective(1000px) rotateY(30deg);
|
934
|
+
transform: perspective(1000px) rotateY(30deg);
|
1786
935
|
opacity: 1;
|
1787
936
|
}
|
1788
937
|
100% {
|
1789
|
-
|
1790
|
-
transform: perspective(1000px) rotateY(-90deg);
|
938
|
+
transform: perspective(1000px) rotateY(-90deg);
|
1791
939
|
opacity: 0;
|
1792
940
|
}
|
1793
941
|
}
|
1794
942
|
|
1795
|
-
|
1796
|
-
|
1797
|
-
|
1798
|
-
|
943
|
+
/* --------------
|
944
|
+
Zoom
|
945
|
+
--------------- */
|
1799
946
|
.transition.zoom.in {
|
1800
|
-
|
1801
|
-
animation-name: zoomIn;
|
947
|
+
animation-name: zoomIn;
|
1802
948
|
}
|
1803
949
|
.transition.zoom.out {
|
1804
|
-
|
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
|
-
|
1823
|
-
transform: scale(0);
|
955
|
+
transform: scale(0);
|
1824
956
|
}
|
1825
957
|
100% {
|
1826
958
|
opacity: 1;
|
1827
|
-
|
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
|
-
|
1847
|
-
transform: scale(1);
|
965
|
+
transform: scale(1);
|
1848
966
|
}
|
1849
967
|
100% {
|
1850
968
|
opacity: 1;
|
1851
|
-
|
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
|
-
|
1868
|
-
|
1869
|
-
-webkit-animation-name: flash;
|
1870
|
-
animation-name: flash;
|
983
|
+
animation-duration: 750ms;
|
984
|
+
animation-name: flash;
|
1871
985
|
}
|
1872
986
|
.shake.transition {
|
1873
|
-
|
1874
|
-
|
1875
|
-
-webkit-animation-name: shake;
|
1876
|
-
animation-name: shake;
|
987
|
+
animation-duration: 750ms;
|
988
|
+
animation-name: shake;
|
1877
989
|
}
|
1878
990
|
.bounce.transition {
|
1879
|
-
|
1880
|
-
|
1881
|
-
-webkit-animation-name: bounce;
|
1882
|
-
animation-name: bounce;
|
991
|
+
animation-duration: 750ms;
|
992
|
+
animation-name: bounce;
|
1883
993
|
}
|
1884
994
|
.tada.transition {
|
1885
|
-
|
1886
|
-
|
1887
|
-
-webkit-animation-name: tada;
|
1888
|
-
animation-name: tada;
|
995
|
+
animation-duration: 750ms;
|
996
|
+
animation-name: tada;
|
1889
997
|
}
|
1890
998
|
.pulse.transition {
|
1891
|
-
|
1892
|
-
|
1893
|
-
-webkit-animation-name: pulse;
|
1894
|
-
animation-name: pulse;
|
999
|
+
animation-duration: 500ms;
|
1000
|
+
animation-name: pulse;
|
1895
1001
|
}
|
1896
1002
|
.jiggle.transition {
|
1897
|
-
|
1898
|
-
|
1899
|
-
-webkit-animation-name: jiggle;
|
1900
|
-
animation-name: jiggle;
|
1003
|
+
animation-duration: 750ms;
|
1004
|
+
animation-name: jiggle;
|
1901
1005
|
}
|
1902
1006
|
.transition.glow {
|
1903
|
-
|
1904
|
-
|
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
|
-
|
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
|
-
|
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
|
-
|
1972
|
-
transform: translateX(-10px);
|
1038
|
+
transform: translateX(-10px);
|
1973
1039
|
}
|
1974
1040
|
20%,
|
1975
1041
|
40%,
|
1976
1042
|
60%,
|
1977
1043
|
80% {
|
1978
|
-
|
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
|
-
|
2009
|
-
transform: translateY(0);
|
1055
|
+
transform: translateY(0);
|
2010
1056
|
}
|
2011
1057
|
40% {
|
2012
|
-
|
2013
|
-
transform: translateY(-30px);
|
1058
|
+
transform: translateY(-30px);
|
2014
1059
|
}
|
2015
1060
|
60% {
|
2016
|
-
|
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
|
-
|
2053
|
-
transform: scale(1);
|
1068
|
+
transform: scale(1);
|
2054
1069
|
}
|
2055
1070
|
10%,
|
2056
1071
|
20% {
|
2057
|
-
|
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
|
-
|
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
|
-
|
2071
|
-
transform: scale(1.1) rotate(-3deg);
|
1083
|
+
transform: scale(1.1) rotate(-3deg);
|
2072
1084
|
}
|
2073
1085
|
100% {
|
2074
|
-
|
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
|
-
|
2100
|
-
transform: scale(1);
|
1093
|
+
transform: scale(1);
|
2101
1094
|
opacity: 1;
|
2102
1095
|
}
|
2103
1096
|
50% {
|
2104
|
-
|
2105
|
-
transform: scale(0.9);
|
1097
|
+
transform: scale(0.9);
|
2106
1098
|
opacity: 0.7;
|
2107
1099
|
}
|
2108
1100
|
100% {
|
2109
|
-
|
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
|
-
|
2149
|
-
transform: scale3d(1, 1, 1);
|
1109
|
+
transform: scale3d(1, 1, 1);
|
2150
1110
|
}
|
2151
1111
|
30% {
|
2152
|
-
|
2153
|
-
transform: scale3d(1.25, 0.75, 1);
|
1112
|
+
transform: scale3d(1.25, 0.75, 1);
|
2154
1113
|
}
|
2155
1114
|
40% {
|
2156
|
-
|
2157
|
-
transform: scale3d(0.75, 1.25, 1);
|
1115
|
+
transform: scale3d(0.75, 1.25, 1);
|
2158
1116
|
}
|
2159
1117
|
50% {
|
2160
|
-
|
2161
|
-
transform: scale3d(1.15, 0.85, 1);
|
1118
|
+
transform: scale3d(1.15, 0.85, 1);
|
2162
1119
|
}
|
2163
1120
|
65% {
|
2164
|
-
|
2165
|
-
transform: scale3d(0.95, 1.05, 1);
|
1121
|
+
transform: scale3d(0.95, 1.05, 1);
|
2166
1122
|
}
|
2167
1123
|
75% {
|
2168
|
-
|
2169
|
-
transform: scale3d(1.05, 0.95, 1);
|
1124
|
+
transform: scale3d(1.05, 0.95, 1);
|
2170
1125
|
}
|
2171
1126
|
100% {
|
2172
|
-
|
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: #
|
1134
|
+
background-color: #fcfcfd;
|
2192
1135
|
}
|
2193
1136
|
30% {
|
2194
|
-
background-color: #
|
1137
|
+
background-color: #fff6cd;
|
2195
1138
|
}
|
2196
1139
|
100% {
|
2197
|
-
background-color: #
|
1140
|
+
background-color: #fcfcfd;
|
2198
1141
|
}
|
2199
1142
|
}
|
2200
1143
|
|