diff --git a/.eslintignore b/.eslintignore
new file mode 100644
index 00000000..a9179caf
--- /dev/null
+++ b/.eslintignore
@@ -0,0 +1 @@
+!.vuepress
\ No newline at end of file
diff --git a/.eslintrc.json b/.eslintrc.json
index 079351b9..b0d38a5b 100644
--- a/.eslintrc.json
+++ b/.eslintrc.json
@@ -5,18 +5,28 @@
},
"extends": [
"plugin:vue/essential",
- "vuepress",
- "prettier"
+ "airbnb-base",
+ "prettier",
+ "vuepress"
],
+ "globals": {
+ "Atomics": "readonly",
+ "SharedArrayBuffer": "readonly"
+ },
"parserOptions": {
"ecmaVersion": 2018,
"sourceType": "module"
},
"plugins": [
"vue",
- "prettier"
+ "prettier",
+ "markdown"
],
"rules": {
- "prettier/prettier": ["error"]
+ "prettier/prettier": "error",
+ "import/no-unresolved": [
+ 2,
+ { "ignore": ["^@"] }
+ ]
}
-}
+}
\ No newline at end of file
diff --git a/.github/workflows/push.yml b/.github/workflows/push.yml
index 5f64c873..96f85c9b 100644
--- a/.github/workflows/push.yml
+++ b/.github/workflows/push.yml
@@ -31,6 +31,6 @@ jobs:
deploy_key: ${{ secrets.ACTIONS_DEPLOY_KEY }}
publish_branch: gh-pages
publish_dir: ./public
- user_name: 'github-actions[bot]'
- user_email: 'github-actions[bot]@users.noreply.github.com'
+ user_name: "github-actions[bot]"
+ user_email: "github-actions[bot]@users.noreply.github.com"
commit_message: ${{ github.event.head_commit.message }}
diff --git a/.stylintrc b/.stylintrc
index f2cf8492..d98e6066 100644
--- a/.stylintrc
+++ b/.stylintrc
@@ -1,47 +1,47 @@
{
- "blocks": false,
- "brackets": "never",
- "colons": "never",
- "colors": "always",
- "commaSpace": "always",
- "commentSpace": "always",
- "cssLiteral": "never",
- "customProperties": [],
- "depthLimit": false,
- "duplicates": true,
- "efficient": "always",
- "exclude": [],
- "extendPref": "@extends",
- "globalDupe": true,
- "groupOutputByFile": true,
- "indentPref": false,
- "leadingZero": "always",
- "maxErrors": false,
- "maxWarnings": false,
- "mixed": true,
- "mixins": [],
- "namingConvention": false,
- "namingConventionStrict": false,
- "none": "always",
- "noImportant": false,
- "parenSpace": "never",
- "placeholders": "always",
- "prefixVarsWithDollar": "always",
- "quotePref": false,
- "reporterOptions": {
- "columns": ["lineData", "severity", "description", "rule"],
- "columnSplitter": " ",
- "showHeaders": false,
- "truncate": true
- },
- "semicolons": "never",
- "sortOrder": ["grouped", "alphabetical"],
- "stackedProperties": "never",
- "trailingWhitespace": "never",
- "universal": false,
- "valid": true,
- "zeroUnits": "never",
+ "blocks": false,
+ "brackets": "never",
+ "colons": "never",
+ "colors": "always",
+ "commaSpace": "always",
+ "commentSpace": "always",
+ "cssLiteral": "never",
+ "customProperties": [],
+ "depthLimit": false,
+ "duplicates": true,
+ "efficient": "always",
+ "exclude": [],
+ "extendPref": "@extends",
+ "globalDupe": true,
+ "groupOutputByFile": true,
+ "indentPref": false,
+ "leadingZero": "always",
+ "maxErrors": false,
+ "maxWarnings": false,
+ "mixed": true,
+ "mixins": [],
+ "namingConvention": false,
+ "namingConventionStrict": false,
+ "none": "always",
+ "noImportant": false,
+ "parenSpace": "never",
+ "placeholders": "always",
+ "prefixVarsWithDollar": "always",
+ "quotePref": false,
+ "reporterOptions": {
+ "columns": ["lineData", "severity", "description", "rule"],
+ "columnSplitter": " ",
+ "showHeaders": false,
+ "truncate": true
+ },
+ "semicolons": "never",
+ "sortOrder": ["grouped", "alphabetical"],
+ "stackedProperties": "never",
+ "trailingWhitespace": "never",
+ "universal": false,
+ "valid": true,
+ "zeroUnits": "never",
"zIndexNormalize": false,
- "stylusSupremacy.selectorSeparator": ",\n",
- "stylusSupremacy.insertNewLineAroundBlocks": "root"
+ "stylusSupremacy.selectorSeparator": ",\n",
+ "stylusSupremacy.insertNewLineAroundBlocks": "root"
}
diff --git a/README.md b/README.md
index 32629a54..731381a7 100644
--- a/README.md
+++ b/README.md
@@ -1,9 +1,11 @@
-
Tachiyomi Website
-
-
-
-
-
+
+
Tachiyomi Website
+
+
+
+
+
+
## Contributing
@@ -18,8 +20,8 @@ Pull requests are welcome. For major changes, please open an issue first to disc
## License
- Copyright (C) 2018 The Tachiyomi Open Source Project
+ Copyright (C) 2018 The Tachiyomi Open Source Project
- This Source Code Form is subject to the terms of the Mozilla Public
- License, v. 2.0. If a copy of the MPL was not distributed with this
- file, You can obtain one at http://mozilla.org/MPL/2.0/.
+ This Source Code Form is subject to the terms of the Mozilla Public
+ License, v. 2.0. If a copy of the MPL was not distributed with this
+ file, You can obtain one at http://mozilla.org/MPL/2.0/.
diff --git a/package-lock.json b/package-lock.json
index 341a2fd6..9b5619db 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -2189,6 +2189,12 @@
"object.assign": "^4.1.0"
}
},
+ "bail": {
+ "version": "1.0.5",
+ "resolved": "https://registry.npmjs.org/bail/-/bail-1.0.5.tgz",
+ "integrity": "sha512-xFbRxM1tahm08yHBP16MMjVUAvDaBMD38zsM9EMAUN61omwLmKlOpB/Zku5QkjZ8TZ4vn53pj+t518cH0S03RQ==",
+ "dev": true
+ },
"balanced-match": {
"version": "1.0.0",
"resolved": "https://registry.npmjs.org/balanced-match/-/balanced-match-1.0.0.tgz",
@@ -2873,6 +2879,24 @@
"supports-color": "^5.3.0"
}
},
+ "character-entities": {
+ "version": "1.2.4",
+ "resolved": "https://registry.npmjs.org/character-entities/-/character-entities-1.2.4.tgz",
+ "integrity": "sha512-iBMyeEHxfVnIakwOuDXpVkc54HijNgCyQB2w0VfGQThle6NXn50zU6V/u+LDhxHcDUPojn6Kpga3PTAD8W1bQw==",
+ "dev": true
+ },
+ "character-entities-legacy": {
+ "version": "1.1.4",
+ "resolved": "https://registry.npmjs.org/character-entities-legacy/-/character-entities-legacy-1.1.4.tgz",
+ "integrity": "sha512-3Xnr+7ZFS1uxeiUDvV02wQ+QDbc55o97tIV5zHScSPJpcLm/r0DFPcoY3tYRp+VZukxuMeKgXYmsXQHO05zQeA==",
+ "dev": true
+ },
+ "character-reference-invalid": {
+ "version": "1.1.4",
+ "resolved": "https://registry.npmjs.org/character-reference-invalid/-/character-reference-invalid-1.1.4.tgz",
+ "integrity": "sha512-mKKUkUbhPpQlCOfIuZkvSEgktjPFIsZKRRbC6KWVEMvlzblj3i3asQv5ODsrwt0N3pHAEvjP8KTQPHkp0+6jOg==",
+ "dev": true
+ },
"chardet": {
"version": "0.7.0",
"resolved": "https://registry.npmjs.org/chardet/-/chardet-0.7.0.tgz",
@@ -3099,6 +3123,12 @@
"integrity": "sha1-DQcLTQQ6W+ozovGkDi7bPZpMz3c=",
"dev": true
},
+ "collapse-white-space": {
+ "version": "1.0.6",
+ "resolved": "https://registry.npmjs.org/collapse-white-space/-/collapse-white-space-1.0.6.tgz",
+ "integrity": "sha512-jEovNnrhMuqyCcjfEJA56v0Xq8SkIoPKDyaHahwo3POf4qcSXqMYuwNcOTzp74vTsR9Tn08z4MxWqAhcekogkQ==",
+ "dev": true
+ },
"collection-visit": {
"version": "1.0.0",
"resolved": "https://registry.npmjs.org/collection-visit/-/collection-visit-1.0.0.tgz",
@@ -4716,6 +4746,17 @@
}
}
},
+ "eslint-plugin-markdown": {
+ "version": "1.0.2",
+ "resolved": "https://registry.npmjs.org/eslint-plugin-markdown/-/eslint-plugin-markdown-1.0.2.tgz",
+ "integrity": "sha512-BfvXKsO0K+zvdarNc801jsE/NTLmig4oKhZ1U3aSUgTf2dB/US5+CrfGxMsCK2Ki1vS1R3HPok+uYpufFndhzw==",
+ "dev": true,
+ "requires": {
+ "object-assign": "^4.0.1",
+ "remark-parse": "^5.0.0",
+ "unified": "^6.1.2"
+ }
+ },
"eslint-plugin-node": {
"version": "10.0.0",
"resolved": "https://registry.npmjs.org/eslint-plugin-node/-/eslint-plugin-node-10.0.0.tgz",
@@ -6490,6 +6531,22 @@
}
}
},
+ "is-alphabetical": {
+ "version": "1.0.4",
+ "resolved": "https://registry.npmjs.org/is-alphabetical/-/is-alphabetical-1.0.4.tgz",
+ "integrity": "sha512-DwzsA04LQ10FHTZuL0/grVDk4rFoVH1pjAToYwBrHSxcrBIGQuXrQMtD5U1b0U2XVgKZCTLLP8u2Qxqhy3l2Vg==",
+ "dev": true
+ },
+ "is-alphanumerical": {
+ "version": "1.0.4",
+ "resolved": "https://registry.npmjs.org/is-alphanumerical/-/is-alphanumerical-1.0.4.tgz",
+ "integrity": "sha512-UzoZUr+XfVz3t3v4KyGEniVL9BDRoQtY7tOyrRybkVNjDFWyo1yhXNGrrBTQxp3ib9BLAWs7k2YKBQsFRkZG9A==",
+ "dev": true,
+ "requires": {
+ "is-alphabetical": "^1.0.0",
+ "is-decimal": "^1.0.0"
+ }
+ },
"is-arguments": {
"version": "1.0.4",
"resolved": "https://registry.npmjs.org/is-arguments/-/is-arguments-1.0.4.tgz",
@@ -6580,6 +6637,12 @@
"integrity": "sha512-USlDT524woQ08aoZFzh3/Z6ch9Y/EWXEHQ/AaRN0SkKq4t2Jw2R2339tSXmwuVoY7LLlBCbOIlx2myP/L5zk0g==",
"dev": true
},
+ "is-decimal": {
+ "version": "1.0.4",
+ "resolved": "https://registry.npmjs.org/is-decimal/-/is-decimal-1.0.4.tgz",
+ "integrity": "sha512-RGdriMmQQvZ2aqaQq3awNA6dCGtKpiDFcOzrTWrDAT2MiWrKQVPmxLGHl7Y2nNu6led0kEyoX0enY0qXYsv9zw==",
+ "dev": true
+ },
"is-descriptor": {
"version": "0.1.6",
"resolved": "https://registry.npmjs.org/is-descriptor/-/is-descriptor-0.1.6.tgz",
@@ -6638,6 +6701,12 @@
"is-extglob": "^2.1.1"
}
},
+ "is-hexadecimal": {
+ "version": "1.0.4",
+ "resolved": "https://registry.npmjs.org/is-hexadecimal/-/is-hexadecimal-1.0.4.tgz",
+ "integrity": "sha512-gyPJuv83bHMpocVYoqof5VDiZveEoGoFL8m3BXNb2VW8Xs+rz9kqO8LOQ5DH6EsuvilT1ApazU0pyl+ytbPtlw==",
+ "dev": true
+ },
"is-installed-globally": {
"version": "0.3.2",
"resolved": "https://registry.npmjs.org/is-installed-globally/-/is-installed-globally-0.3.2.tgz",
@@ -6784,12 +6853,24 @@
"integrity": "sha1-Sw2hRCEE0bM2NA6AeX6GXPOffXI=",
"dev": true
},
+ "is-whitespace-character": {
+ "version": "1.0.4",
+ "resolved": "https://registry.npmjs.org/is-whitespace-character/-/is-whitespace-character-1.0.4.tgz",
+ "integrity": "sha512-SDweEzfIZM0SJV0EUga669UTKlmL0Pq8Lno0QDQsPnvECB3IM2aP0gdx5TrU0A01MAPfViaZiI2V1QMZLaKK5w==",
+ "dev": true
+ },
"is-windows": {
"version": "1.0.2",
"resolved": "https://registry.npmjs.org/is-windows/-/is-windows-1.0.2.tgz",
"integrity": "sha512-eXK1UInq2bPmjyX6e3VHIzMLobc4J94i4AWn+Hpq3OU5KkrRC96OAcR3PRJ/pGu6m8TRnBHP9dkXQVsT/COVIA==",
"dev": true
},
+ "is-word-character": {
+ "version": "1.0.4",
+ "resolved": "https://registry.npmjs.org/is-word-character/-/is-word-character-1.0.4.tgz",
+ "integrity": "sha512-5SMO8RVennx3nZrqtKwCGyyetPE9VDba5ugvKLaD4KopPG5kR4mQ7tNt/r7feL5yt5h3lpuBbIUmCOG2eSzXHA==",
+ "dev": true
+ },
"is-wsl": {
"version": "1.1.0",
"resolved": "https://registry.npmjs.org/is-wsl/-/is-wsl-1.1.0.tgz",
@@ -7111,8 +7192,7 @@
"lodash.orderby": {
"version": "4.6.0",
"resolved": "https://registry.npmjs.org/lodash.orderby/-/lodash.orderby-4.6.0.tgz",
- "integrity": "sha1-5pfwTOXXhSL1TZM4syuBozk+TrM=",
- "dev": true
+ "integrity": "sha1-5pfwTOXXhSL1TZM4syuBozk+TrM="
},
"lodash.padstart": {
"version": "4.6.1",
@@ -7146,8 +7226,7 @@
"lodash.throttle": {
"version": "4.1.1",
"resolved": "https://registry.npmjs.org/lodash.throttle/-/lodash.throttle-4.1.1.tgz",
- "integrity": "sha1-wj6RtxAkKscMN/HhzaknTMOb8vQ=",
- "dev": true
+ "integrity": "sha1-wj6RtxAkKscMN/HhzaknTMOb8vQ="
},
"lodash.uniq": {
"version": "4.5.0",
@@ -7247,6 +7326,12 @@
"object-visit": "^1.0.0"
}
},
+ "markdown-escapes": {
+ "version": "1.0.4",
+ "resolved": "https://registry.npmjs.org/markdown-escapes/-/markdown-escapes-1.0.4.tgz",
+ "integrity": "sha512-8z4efJYk43E0upd0NbVXwgSTQs6cT3T06etieCMEg7dRbzCbxUCK/GHlX8mhHRDcp+OLlHkPKsvqQTCvsRl2cg==",
+ "dev": true
+ },
"markdown-it": {
"version": "8.4.2",
"resolved": "https://registry.npmjs.org/markdown-it/-/markdown-it-8.4.2.tgz",
@@ -8375,6 +8460,20 @@
"safe-buffer": "^5.1.1"
}
},
+ "parse-entities": {
+ "version": "1.2.2",
+ "resolved": "https://registry.npmjs.org/parse-entities/-/parse-entities-1.2.2.tgz",
+ "integrity": "sha512-NzfpbxW/NPrzZ/yYSoQxyqUZMZXIdCfE0OIN4ESsnptHJECoUk3FZktxNuzQf4tjt5UEopnxpYJbvYuxIFDdsg==",
+ "dev": true,
+ "requires": {
+ "character-entities": "^1.0.0",
+ "character-entities-legacy": "^1.0.0",
+ "character-reference-invalid": "^1.0.0",
+ "is-alphanumerical": "^1.0.0",
+ "is-decimal": "^1.0.0",
+ "is-hexadecimal": "^1.0.0"
+ }
+ },
"parse-json": {
"version": "2.2.0",
"resolved": "https://registry.npmjs.org/parse-json/-/parse-json-2.2.0.tgz",
@@ -9627,6 +9726,29 @@
"integrity": "sha1-VNvzd+UUQKypCkzSdGANP/LYiKk=",
"dev": true
},
+ "remark-parse": {
+ "version": "5.0.0",
+ "resolved": "https://registry.npmjs.org/remark-parse/-/remark-parse-5.0.0.tgz",
+ "integrity": "sha512-b3iXszZLH1TLoyUzrATcTQUZrwNl1rE70rVdSruJFlDaJ9z5aMkhrG43Pp68OgfHndL/ADz6V69Zow8cTQu+JA==",
+ "dev": true,
+ "requires": {
+ "collapse-white-space": "^1.0.2",
+ "is-alphabetical": "^1.0.0",
+ "is-decimal": "^1.0.0",
+ "is-whitespace-character": "^1.0.0",
+ "is-word-character": "^1.0.0",
+ "markdown-escapes": "^1.0.0",
+ "parse-entities": "^1.1.0",
+ "repeat-string": "^1.5.4",
+ "state-toggle": "^1.0.0",
+ "trim": "0.0.1",
+ "trim-trailing-lines": "^1.0.0",
+ "unherit": "^1.0.4",
+ "unist-util-remove-position": "^1.0.0",
+ "vfile-location": "^2.0.0",
+ "xtend": "^4.0.1"
+ }
+ },
"remove-trailing-separator": {
"version": "1.1.0",
"resolved": "https://registry.npmjs.org/remove-trailing-separator/-/remove-trailing-separator-1.1.0.tgz",
@@ -9712,6 +9834,12 @@
"is-finite": "^1.0.0"
}
},
+ "replace-ext": {
+ "version": "1.0.0",
+ "resolved": "https://registry.npmjs.org/replace-ext/-/replace-ext-1.0.0.tgz",
+ "integrity": "sha1-3mMSg3P8v3w8z6TeWkgMRaZ5WOs=",
+ "dev": true
+ },
"request": {
"version": "2.88.2",
"resolved": "https://registry.npmjs.org/request/-/request-2.88.2.tgz",
@@ -10665,6 +10793,12 @@
"integrity": "sha512-MTX+MeG5U994cazkjd/9KNAapsHnibjMLnfXodlkXw76JEea0UiNzrqidzo1emMwk7w5Qhc9jd4Bn9TBb1MFwA==",
"dev": true
},
+ "state-toggle": {
+ "version": "1.0.3",
+ "resolved": "https://registry.npmjs.org/state-toggle/-/state-toggle-1.0.3.tgz",
+ "integrity": "sha512-d/5Z4/2iiCnHw6Xzghyhb+GcmF89bxwgXG60wjIiZaxnymbyOmI8Hk4VqHXiVVp6u2ysaskFfXg3ekCj4WNftQ==",
+ "dev": true
+ },
"static-extend": {
"version": "0.1.2",
"resolved": "https://registry.npmjs.org/static-extend/-/static-extend-0.1.2.tgz",
@@ -11268,12 +11402,30 @@
"punycode": "^2.1.0"
}
},
+ "trim": {
+ "version": "0.0.1",
+ "resolved": "https://registry.npmjs.org/trim/-/trim-0.0.1.tgz",
+ "integrity": "sha1-WFhUf2spB1fulczMZm+1AITEYN0=",
+ "dev": true
+ },
"trim-newlines": {
"version": "1.0.0",
"resolved": "https://registry.npmjs.org/trim-newlines/-/trim-newlines-1.0.0.tgz",
"integrity": "sha1-WIeWa7WCpFA6QetST301ARgVphM=",
"dev": true
},
+ "trim-trailing-lines": {
+ "version": "1.1.3",
+ "resolved": "https://registry.npmjs.org/trim-trailing-lines/-/trim-trailing-lines-1.1.3.tgz",
+ "integrity": "sha512-4ku0mmjXifQcTVfYDfR5lpgV7zVqPg6zV9rdZmwOPqq0+Zq19xDqEgagqVbc4pOOShbncuAOIs59R3+3gcF3ZA==",
+ "dev": true
+ },
+ "trough": {
+ "version": "1.0.5",
+ "resolved": "https://registry.npmjs.org/trough/-/trough-1.0.5.tgz",
+ "integrity": "sha512-rvuRbTarPXmMb79SmzEp8aqXNKcK+y0XaB298IXueQ8I2PsrATcPBCSPyK/dDNa2iWOhKlfNnOjdAOTBU/nkFA==",
+ "dev": true
+ },
"true-case-path": {
"version": "1.0.3",
"resolved": "https://registry.npmjs.org/true-case-path/-/true-case-path-1.0.3.tgz",
@@ -11380,6 +11532,16 @@
}
}
},
+ "unherit": {
+ "version": "1.1.3",
+ "resolved": "https://registry.npmjs.org/unherit/-/unherit-1.1.3.tgz",
+ "integrity": "sha512-Ft16BJcnapDKp0+J/rqFC3Rrk6Y/Ng4nzsC028k2jdDII/rdZ7Wd3pPT/6+vIIxRagwRc9K0IUX0Ra4fKvw+WQ==",
+ "dev": true,
+ "requires": {
+ "inherits": "^2.0.0",
+ "xtend": "^4.0.0"
+ }
+ },
"unicode-canonical-property-names-ecmascript": {
"version": "1.0.4",
"resolved": "https://registry.npmjs.org/unicode-canonical-property-names-ecmascript/-/unicode-canonical-property-names-ecmascript-1.0.4.tgz",
@@ -11408,6 +11570,20 @@
"integrity": "sha512-PqSoPh/pWetQ2phoj5RLiaqIk4kCNwoV3CI+LfGmWLKI3rE3kl1h59XpX2BjgDrmbxD9ARtQobPGU1SguCYuQg==",
"dev": true
},
+ "unified": {
+ "version": "6.2.0",
+ "resolved": "https://registry.npmjs.org/unified/-/unified-6.2.0.tgz",
+ "integrity": "sha512-1k+KPhlVtqmG99RaTbAv/usu85fcSRu3wY8X+vnsEhIxNP5VbVIDiXnLqyKIG+UMdyTg0ZX9EI6k2AfjJkHPtA==",
+ "dev": true,
+ "requires": {
+ "bail": "^1.0.0",
+ "extend": "^3.0.0",
+ "is-plain-obj": "^1.1.0",
+ "trough": "^1.0.0",
+ "vfile": "^2.0.0",
+ "x-is-string": "^0.1.0"
+ }
+ },
"union-value": {
"version": "1.0.1",
"resolved": "https://registry.npmjs.org/union-value/-/union-value-1.0.1.tgz",
@@ -11459,6 +11635,45 @@
"crypto-random-string": "^2.0.0"
}
},
+ "unist-util-is": {
+ "version": "3.0.0",
+ "resolved": "https://registry.npmjs.org/unist-util-is/-/unist-util-is-3.0.0.tgz",
+ "integrity": "sha512-sVZZX3+kspVNmLWBPAB6r+7D9ZgAFPNWm66f7YNb420RlQSbn+n8rG8dGZSkrER7ZIXGQYNm5pqC3v3HopH24A==",
+ "dev": true
+ },
+ "unist-util-remove-position": {
+ "version": "1.1.4",
+ "resolved": "https://registry.npmjs.org/unist-util-remove-position/-/unist-util-remove-position-1.1.4.tgz",
+ "integrity": "sha512-tLqd653ArxJIPnKII6LMZwH+mb5q+n/GtXQZo6S6csPRs5zB0u79Yw8ouR3wTw8wxvdJFhpP6Y7jorWdCgLO0A==",
+ "dev": true,
+ "requires": {
+ "unist-util-visit": "^1.1.0"
+ }
+ },
+ "unist-util-stringify-position": {
+ "version": "1.1.2",
+ "resolved": "https://registry.npmjs.org/unist-util-stringify-position/-/unist-util-stringify-position-1.1.2.tgz",
+ "integrity": "sha512-pNCVrk64LZv1kElr0N1wPiHEUoXNVFERp+mlTg/s9R5Lwg87f9bM/3sQB99w+N9D/qnM9ar3+AKDBwo/gm/iQQ==",
+ "dev": true
+ },
+ "unist-util-visit": {
+ "version": "1.4.1",
+ "resolved": "https://registry.npmjs.org/unist-util-visit/-/unist-util-visit-1.4.1.tgz",
+ "integrity": "sha512-AvGNk7Bb//EmJZyhtRUnNMEpId/AZ5Ph/KUpTI09WHQuDZHKovQ1oEv3mfmKpWKtoMzyMC4GLBm1Zy5k12fjIw==",
+ "dev": true,
+ "requires": {
+ "unist-util-visit-parents": "^2.0.0"
+ }
+ },
+ "unist-util-visit-parents": {
+ "version": "2.1.2",
+ "resolved": "https://registry.npmjs.org/unist-util-visit-parents/-/unist-util-visit-parents-2.1.2.tgz",
+ "integrity": "sha512-DyN5vD4NE3aSeB+PXYNKxzGsfocxp6asDc2XXE3b0ekO2BaRUpBicbbUygfSvYfUz1IkmjFR1YF7dPklraMZ2g==",
+ "dev": true,
+ "requires": {
+ "unist-util-is": "^3.0.0"
+ }
+ },
"universalify": {
"version": "0.1.2",
"resolved": "https://registry.npmjs.org/universalify/-/universalify-0.1.2.tgz",
@@ -11776,6 +11991,33 @@
"extsprintf": "^1.2.0"
}
},
+ "vfile": {
+ "version": "2.3.0",
+ "resolved": "https://registry.npmjs.org/vfile/-/vfile-2.3.0.tgz",
+ "integrity": "sha512-ASt4mBUHcTpMKD/l5Q+WJXNtshlWxOogYyGYYrg4lt/vuRjC1EFQtlAofL5VmtVNIZJzWYFJjzGWZ0Gw8pzW1w==",
+ "dev": true,
+ "requires": {
+ "is-buffer": "^1.1.4",
+ "replace-ext": "1.0.0",
+ "unist-util-stringify-position": "^1.0.0",
+ "vfile-message": "^1.0.0"
+ }
+ },
+ "vfile-location": {
+ "version": "2.0.6",
+ "resolved": "https://registry.npmjs.org/vfile-location/-/vfile-location-2.0.6.tgz",
+ "integrity": "sha512-sSFdyCP3G6Ka0CEmN83A2YCMKIieHx0EDaj5IDP4g1pa5ZJ4FJDvpO0WODLxo4LUX4oe52gmSCK7Jw4SBghqxA==",
+ "dev": true
+ },
+ "vfile-message": {
+ "version": "1.1.1",
+ "resolved": "https://registry.npmjs.org/vfile-message/-/vfile-message-1.1.1.tgz",
+ "integrity": "sha512-1WmsopSGhWt5laNir+633LszXvZ+Z/lxveBf6yhGsqnQIhlhzooZae7zV6YVM1Sdkw68dtAW3ow0pOdPANugvA==",
+ "dev": true,
+ "requires": {
+ "unist-util-stringify-position": "^1.1.1"
+ }
+ },
"vm-browserify": {
"version": "1.1.2",
"resolved": "https://registry.npmjs.org/vm-browserify/-/vm-browserify-1.1.2.tgz",
@@ -11792,7 +12034,6 @@
"version": "1.1.3",
"resolved": "https://registry.npmjs.org/vue-agile/-/vue-agile-1.1.3.tgz",
"integrity": "sha512-RnvKK6ZoXNAk2Q6h/ux+bhqYs4uflFew3xcsNfysQa+GVLKHfizAaeKHJndqGjSXA+qg+kJuYd4RDY/ry8RY4w==",
- "dev": true,
"requires": {
"lodash.orderby": "^4.6.0",
"lodash.throttle": "^4.1.1"
@@ -12624,6 +12865,12 @@
"async-limiter": "~1.0.0"
}
},
+ "x-is-string": {
+ "version": "0.1.0",
+ "resolved": "https://registry.npmjs.org/x-is-string/-/x-is-string-0.1.0.tgz",
+ "integrity": "sha1-R0tQhlrzpJqcRlfwWs0UVFj3fYI=",
+ "dev": true
+ },
"xdg-basedir": {
"version": "4.0.0",
"resolved": "https://registry.npmjs.org/xdg-basedir/-/xdg-basedir-4.0.0.tgz",
diff --git a/package.json b/package.json
index ee497076..ba9be418 100644
--- a/package.json
+++ b/package.json
@@ -16,13 +16,16 @@
"@vuepress/plugin-google-analytics": "^1.5.0",
"eslint": "^6.8.0",
"eslint-config-airbnb": "^18.1.0",
+ "eslint-config-airbnb-base": "^14.1.0",
"eslint-config-prettier": "^6.11.0",
"eslint-config-vuepress": "^2.2.0",
+ "eslint-plugin-import": "^2.20.2",
+ "eslint-plugin-markdown": "^1.0.2",
"eslint-plugin-prettier": "^3.1.3",
+ "eslint-plugin-vue": "^6.2.2",
"node-sass": "^4.14.1",
"prettier": "^2.0.5",
"sass-loader": "^8.0.2",
- "vue-agile": "^1.1.3",
"vuepress": "^1.5.0",
"vuepress-plugin-clean-urls": "^1.1.1",
"vuepress-plugin-container": "^2.1.3"
@@ -33,6 +36,7 @@
"lodash.groupby": "^4.6.0",
"lodash.sortby": "^4.7.0",
"material-design-icons": "^3.0.1",
+ "vue-agile": "^1.1.3",
"vue-material-design-icons": "^4.6.0",
"vue-sweetalert2": "^3.0.5",
"vuepress-plugin-sitemap": "^2.3.1"
diff --git a/src/.vuepress/components/Carousel.vue b/src/.vuepress/components/Carousel.vue
index f6160fe9..47e4a2ee 100644
--- a/src/.vuepress/components/Carousel.vue
+++ b/src/.vuepress/components/Carousel.vue
@@ -16,18 +16,18 @@ export default {
props: {
name: {
type: String,
- default: "carousel"
+ default: "carousel",
},
config: {
type: Object,
- default: function() {
+ default() {
return {
navButtons: true,
- centerMode: true
+ centerMode: true,
};
- }
- }
- }
+ },
+ },
+ },
};
diff --git a/src/.vuepress/components/CarouselItem.vue b/src/.vuepress/components/CarouselItem.vue
index ccf6c4a2..123480d4 100644
--- a/src/.vuepress/components/CarouselItem.vue
+++ b/src/.vuepress/components/CarouselItem.vue
@@ -10,9 +10,9 @@ export default {
props: {
name: {
type: String,
- default: "carousel-cell"
- }
- }
+ default: "carousel-cell",
+ },
+ },
};
diff --git a/src/.vuepress/components/DownloadButtons.vue b/src/.vuepress/components/DownloadButtons.vue
index 5c99e3ef..2215f426 100644
--- a/src/.vuepress/components/DownloadButtons.vue
+++ b/src/.vuepress/components/DownloadButtons.vue
@@ -15,35 +15,34 @@ import axios from "axios";
const RELEASE_URL =
"https://api.github.com/repos/inorichi/tachiyomi/releases/latest";
-const PREVIEW_URL =
- "https://tachiyomi.kanade.eu/latest";
+const PREVIEW_URL = "https://tachiyomi.kanade.eu/latest";
export default {
props: {
downloadStableTag: {
type: String,
- required: true
+ required: true,
},
downloadPreviewTag: {
type: String,
- required: true
+ required: true,
},
downloadStableLabel: {
type: String,
- default: "Stable"
+ default: "Stable",
},
downloadPreviewLabel: {
type: String,
- default: "Preview"
+ default: "Preview",
},
downloadStableUrl: {
type: String,
- default: undefined
+ default: undefined,
},
downloadPreviewUrl: {
type: String,
- default: undefined
- }
+ default: undefined,
+ },
},
data() {
@@ -56,7 +55,7 @@ export default {
async mounted() {
const { data } = await axios.get(RELEASE_URL);
// Maybe eventually some release has more than the apk in assets.
- const apkAsset = data.assets.find(a => a.name.includes(".apk"));
+ const apkAsset = data.assets.find((a) => a.name.includes(".apk"));
// Set the values.
this.$data.tagName = data.tag_name;
this.$data.browserDownloadUrl = apkAsset.browser_download_url;
@@ -66,7 +65,7 @@ export default {
downloadStable() {
this.$swal({
title: "Downloading",
- text: this.downloadStableLabel + " version is being downloaded.",
+ text: `${this.downloadStableLabel} version is being downloaded.`,
icon: "success",
focusConfirm: false,
focusCancel: false,
@@ -74,24 +73,32 @@ export default {
timerProgressBar: true,
customClass: {
confirmButton: "download-confirm-button",
- container: "download-container"
+ container: "download-container",
},
showClass: {
- popup: "animated pulse faster"
+ popup: "animated pulse faster",
},
hideClass: {
- popup: "animated zoomOut faster"
- }
+ popup: "animated zoomOut faster",
+ },
});
window.location.assign(
- this.$props.downloadStableUrl || this.$data.browserDownloadUrl || RELEASE_URL
+ this.$props.downloadStableUrl ||
+ this.$data.browserDownloadUrl ||
+ RELEASE_URL
+ );
+ window.ga(
+ "send",
+ "event",
+ "Action",
+ "Download",
+ this.downloadStableTag
);
- window.ga("send", "event", "Action", "Download", this.downloadStableTag);
},
downloadPreview() {
this.$swal({
title: "Downloading",
- text: this.downloadPreviewLabel + " version is being downloaded.",
+ text: `${this.downloadPreviewLabel} version is being downloaded.`,
icon: "success",
focusConfirm: false,
focusCancel: false,
@@ -99,21 +106,27 @@ export default {
timerProgressBar: true,
customClass: {
confirmButton: "download-confirm-button",
- container: "download-container"
+ container: "download-container",
},
showClass: {
- popup: "animated pulse faster"
+ popup: "animated pulse faster",
},
hideClass: {
- popup: "animated zoomOut faster"
- }
+ popup: "animated zoomOut faster",
+ },
});
window.location.assign(
this.$props.downloadPreviewUrl || PREVIEW_URL
);
- window.ga("send", "event", "Action", "Download", this.downloadPreviewTag);
- }
- }
+ window.ga(
+ "send",
+ "event",
+ "Action",
+ "Download",
+ this.downloadPreviewTag
+ );
+ },
+ },
};
diff --git a/src/.vuepress/components/ExtensionList.vue b/src/.vuepress/components/ExtensionList.vue
index 35bea320..10e1a9c8 100644
--- a/src/.vuepress/components/ExtensionList.vue
+++ b/src/.vuepress/components/ExtensionList.vue
@@ -54,24 +54,26 @@ const EXTENSION_JSON =
export default {
data() {
return {
- extensions: []
+ extensions: [],
};
},
async beforeMount() {
const { data } = await axios.get(EXTENSION_JSON);
const values = Object.values(groupBy(data, "lang"));
- this.$data.extensions = sortBy(values, [g => this.langName(g[0].lang)]);
+ this.$data.extensions = sortBy(values, [
+ (g) => this.langName(g[0].lang),
+ ]);
},
updated() {
- if (location.hash) {
- location.replace(location.hash);
+ if (window.ocation.hash) {
+ window.location.replace(window.location.hash);
}
},
methods: {
- langName: code =>
+ langName: (code) =>
code === "all"
? "All"
: `${ISO6391.getName(code)} (${ISO6391.getNativeName(code)})`,
@@ -79,9 +81,9 @@ export default {
const pkgName = pkg.substring(0, pkg.lastIndexOf("."));
return `https://raw.githubusercontent.com/inorichi/tachiyomi-extensions/repo/icon/${pkgName}.png`;
},
- apkUrl: apk =>
- `https://raw.githubusercontent.com/inorichi/tachiyomi-extensions/repo/apk/${apk}`
- }
+ apkUrl: (apk) =>
+ `https://raw.githubusercontent.com/inorichi/tachiyomi-extensions/repo/apk/${apk}`,
+ },
};
diff --git a/src/.vuepress/components/ForkButtons.vue b/src/.vuepress/components/ForkButtons.vue
index 9dc9ac97..aa6657e6 100644
--- a/src/.vuepress/components/ForkButtons.vue
+++ b/src/.vuepress/components/ForkButtons.vue
@@ -1,9 +1,17 @@
-
@@ -16,44 +24,44 @@ export default {
props: {
forkName: {
type: String,
- required: true
+ required: true,
},
downloadForkLabel: {
type: String,
- default: "Download"
+ default: "Download",
},
downloadForkLink: {
type: String,
- required: true
+ required: true,
},
downloadForkStyle: {
type: String,
- default: ""
+ default: "",
},
githubForkLabel: {
type: String,
- default: "GitHub"
+ default: "GitHub",
},
githubForkLink: {
type: String,
- required: true
+ required: true,
},
githubForkStyle: {
type: String,
- default: ""
- }
+ default: "",
+ },
},
data() {
return {
tagName: "",
- browserDownloadUrl: ""
+ browserDownloadUrl: "",
};
},
async mounted() {
const { data } = await axios.get(this.$props.downloadForkLink);
// Maybe eventually some release has more than the apk in assets.
- const apkAsset = data.assets.find(a => a.name.includes(".apk"));
+ const apkAsset = data.assets.find((a) => a.name.includes(".apk"));
// Set the values.
this.$data.tagName = data.tag_name;
this.$data.browserDownloadUrl = apkAsset.browser_download_url;
@@ -63,7 +71,7 @@ export default {
downloadFork() {
this.$swal({
title: "Downloading",
- text: this.$props.forkName + " is being downloaded.",
+ text: `${this.$props.forkName} is being downloaded.`,
icon: "success",
focusConfirm: false,
focusCancel: false,
@@ -71,21 +79,27 @@ export default {
timerProgressBar: true,
customClass: {
confirmButton: "download-confirm-button",
- container: "download-container"
+ container: "download-container",
},
showClass: {
- popup: "animated pulse faster"
+ popup: "animated pulse faster",
},
hideClass: {
- popup: "animated zoomOut faster"
- }
+ popup: "animated zoomOut faster",
+ },
});
window.location.assign(
this.$data.browserDownloadUrl || this.$props.downloadForkLink
);
- window.ga("send", "event", "Action", "Download", this.$props.forkName);
- }
- }
+ window.ga(
+ "send",
+ "event",
+ "Action",
+ "Download",
+ this.$props.forkName
+ );
+ },
+ },
};
diff --git a/src/.vuepress/components/ForkPage.vue b/src/.vuepress/components/ForkPage.vue
index 3e10aca8..0a32867d 100644
--- a/src/.vuepress/components/ForkPage.vue
+++ b/src/.vuepress/components/ForkPage.vue
@@ -1,27 +1,23 @@
-
+
-
-
+
+
-
-
-
+
diff --git a/src/.vuepress/components/MaterialIcon.vue b/src/.vuepress/components/MaterialIcon.vue
index 6c8ac95f..c95cb390 100644
--- a/src/.vuepress/components/MaterialIcon.vue
+++ b/src/.vuepress/components/MaterialIcon.vue
@@ -14,17 +14,17 @@ export default {
props: {
iconOnly: {
type: Boolean,
- default: false
+ default: false,
},
name: {
type: String,
- default: ""
+ default: "",
},
iconName: {
type: String,
- required: true
- }
- }
+ required: true,
+ },
+ },
};
@@ -37,7 +37,7 @@ export default {
display inline
.material-icons
- font-family 'Material Icons'
+ font-family "Material Icons"
font-size 1.35em
font-style normal
position relative
@@ -50,7 +50,6 @@ export default {
white-space nowrap
word-wrap normal
direction ltr
- font-feature-settings 'liga'
+ font-feature-settings "liga"
-webkit-font-smoothing antialiased
-
diff --git a/src/.vuepress/components/Navigation.vue b/src/.vuepress/components/Navigation.vue
index 46760e66..bcc91f2a 100644
--- a/src/.vuepress/components/Navigation.vue
+++ b/src/.vuepress/components/Navigation.vue
@@ -1,13 +1,27 @@
-
+
-
+
{{ nav.text }}
-
-
+
+
{{ nav.text }}
diff --git a/src/.vuepress/components/VersionTag.vue b/src/.vuepress/components/VersionTag.vue
index 626f83bf..fb295a83 100644
--- a/src/.vuepress/components/VersionTag.vue
+++ b/src/.vuepress/components/VersionTag.vue
@@ -1,6 +1,6 @@
-
+
tachiyomi-{{ this.$data.tagName }}.apk
@@ -18,8 +18,8 @@ const RELEASE_URL =
export default {
props: {
fileName: {
- type: Boolean
- }
+ type: Boolean,
+ },
},
data() {
diff --git a/src/.vuepress/config.js b/src/.vuepress/config.js
index 3a127b1c..099995a3 100644
--- a/src/.vuepress/config.js
+++ b/src/.vuepress/config.js
@@ -1,52 +1,53 @@
-module.exports = {
- dest: './public',
- temp: './node_modules/.temp/theme',
+const pluginsConfig = require("./config/plugins");
+const navBarConfig = require("./config/navBar");
+const sideBarConfig = require("./config/sideBar");
- title: 'Tachiyomi',
- description: 'Free and open source manga reader for Android',
+module.exports = {
+ dest: "./public",
+ temp: "./node_modules/.temp/theme",
+
+ title: "Tachiyomi",
+ description: "Free and open source manga reader for Android",
// prettier-ignore
head: [
// Embed headers
- ['link', { rel: 'icon', href: '/favicon.ico' }],
- ['link', { rel: 'manifest', href: '/manifest.json' }],
- ['meta', { name: 'theme-color', content: '#2e84bf' }],
- ['meta', { prefix: 'og: http://ogp.me/ns#', property: 'og:image', content: 'https://tachiyomi.org/icons/logo.png' }],
+ ["link", { rel: "icon", href: "/favicon.ico" }],
+ ["link", { rel: "manifest", href: "/manifest.json" }],
+ ["meta", { name: "theme-color", content: "#2e84bf" }],
+ ["meta", { prefix: "og: http://ogp.me/ns#", property: "og:image", content: "https://tachiyomi.org/icons/logo.png" }],
// Custom headers
- ['link', { rel: 'preconnect', href: 'https://fonts.gstatic.com', crossorigin:''}],
- ['link', { rel: 'stylesheet', href: 'https://fonts.googleapis.com/css?family=Open+Sans'}],
+ ["link", { rel: "preconnect", href: "https://fonts.gstatic.com", crossorigin:""}],
+ ["link", { rel: "stylesheet", href: "https://fonts.googleapis.com/css?family=Open+Sans"}],
],
themeConfig: {
- logo: '/icons/logo.svg',
- repo: 'inorichi/tachiyomi',
- docsRepo: 'tachiyomiorg/website',
- docsDir: 'src',
+ logo: "/icons/logo.svg",
+ repo: "inorichi/tachiyomi",
+ docsRepo: "tachiyomiorg/website",
+ docsDir: "src",
smoothScroll: true,
algolia: {
- apiKey: 'fc1c45b5a3835e1882cbbf0751dfe705',
- indexName: 'tachiyomi'
+ apiKey: "fc1c45b5a3835e1882cbbf0751dfe705",
+ indexName: "tachiyomi",
},
- searchPlaceholder: 'Search...',
+ searchPlaceholder: "Search...",
editLinks: true,
- editLinkText: 'Help us improve this page',
- lastUpdated: 'Last Updated',
- nav: require('./config/nav'),
+ editLinkText: "Help us improve this page",
+ lastUpdated: "Last Updated",
+ nav: navBarConfig,
sidebar: {
- '/help/guides/': require('./config/sidebar/guides'),
- '/help/faq/': require('./config/sidebar/faq'),
- '/help/contribution': require('./config/sidebar/contribution'),
- '/extensions': require('./config/sidebar/extensions'),
- '/forks': require('./config/sidebar/forks')
- }
+ "/help/guides/": sideBarConfig.guides,
+ "/help/faq/": sideBarConfig.faq,
+ "/help/contribution": sideBarConfig.contribution,
+ "/extensions": sideBarConfig.extensions,
+ "/forks": sideBarConfig.forks,
+ },
},
- plugins: require('./config/plugins'),
+ plugins: pluginsConfig,
extraWatchFiles: [
- '.vuepress/config/nav.js',
- '.vuepress/config/plugins.js',
- '.vuepress/config/sidebar/guides.js',
- '.vuepress/config/sidebar/faq.js',
- '.vuepress/config/sidebar/contribution.js',
- '.vuepress/config/sidebar/extensions.js'
- ]
-}
+ ".vuepress/config/plugins.js",
+ ".vuepress/config/navBar.js",
+ ".vuepress/config/sideBar.js",
+ ],
+};
diff --git a/src/.vuepress/config/nav.js b/src/.vuepress/config/navBar.js
similarity index 100%
rename from src/.vuepress/config/nav.js
rename to src/.vuepress/config/navBar.js
diff --git a/src/.vuepress/config/plugins.js b/src/.vuepress/config/plugins.js
index ee9c5052..fa4569b6 100644
--- a/src/.vuepress/config/plugins.js
+++ b/src/.vuepress/config/plugins.js
@@ -3,50 +3,50 @@ module.exports = [
[
"clean-urls",
{
- normalSuffix: "/"
- }
+ normalSuffix: "/",
+ },
],
[
"@vuepress/google-analytics",
{
- ga: "UA-148212082-1"
- }
+ ga: "UA-148212082-1",
+ },
],
[
"vuepress-plugin-container",
{
type: "expander",
- before: info =>
+ before: (info) =>
`${info}
`,
- after: " "
- }
+ after: "",
+ },
],
[
"vuepress-plugin-container",
{
type: "guide",
- before: info => `"
- }
+ before: (info) => `",
+ },
],
[
"vuepress-plugin-container",
{
type: "aside",
- defaultTitle: ""
- }
+ defaultTitle: "",
+ },
],
[
"vuepress-plugin-container",
{
type: "aside-guide",
- defaultTitle: ""
- }
+ defaultTitle: "",
+ },
],
[
"vuepress-plugin-sitemap",
{
- hostname: "https://tachiyomi.org"
- }
- ]
+ hostname: "https://tachiyomi.org",
+ },
+ ],
];
diff --git a/src/.vuepress/config/sideBar.js b/src/.vuepress/config/sideBar.js
new file mode 100644
index 00000000..b3e21d35
--- /dev/null
+++ b/src/.vuepress/config/sideBar.js
@@ -0,0 +1,148 @@
+module.exports = {
+ guides: [
+ "/",
+ {
+ title: "Guides",
+ collapsable: false,
+ sidebarDepth: 2,
+ children: [
+ {
+ title: "General",
+ collapsable: false,
+ sidebarDepth: 2,
+ children: [
+ "/help/guides/getting-started",
+ "/help/guides/source-problems",
+ "/help/guides/source-migration",
+ "/help/guides/creating-backups",
+ "/help/guides/reading-local-manga",
+ "/help/guides/categories",
+ ],
+ },
+ {
+ title: "Settings",
+ collapsable: false,
+ sidebarDepth: 2,
+ children: [
+ "/help/guides/settings/general",
+ "/help/guides/settings/reader",
+ "/help/guides/settings/downloads",
+ "/help/guides/settings/tracking",
+ "/help/guides/settings/backup",
+ "/help/guides/settings/advanced",
+ ],
+ },
+ ],
+ },
+ {
+ title: "Frequently Asked Questions",
+ path: "/help/faq/",
+ },
+ {
+ title: "Forks",
+ path: "/forks/",
+ },
+ {
+ title: "Contribution",
+ path: "/help/contribution",
+ },
+ {
+ title: "Available extensions",
+ path: "/extensions/",
+ },
+ ],
+ faq: [
+ "/",
+ {
+ title: "Frequently Asked Questions",
+ path: "/help/faq/",
+ },
+ {
+ title: "Guides",
+ path: "/help/guides/getting-started",
+ },
+ {
+ title: "Forks",
+ path: "/forks/",
+ },
+ {
+ title: "Contribution",
+ path: "/help/contribution",
+ },
+ {
+ title: "Available extensions",
+ path: "/extensions/",
+ },
+ ],
+ contribution: [
+ "/",
+ {
+ title: "Contribution",
+ collapsable: false,
+ sidebarDepth: 1,
+ children: ["/help/contribution"],
+ },
+ {
+ title: "Frequently Asked Questions",
+ path: "/help/faq/",
+ },
+ {
+ title: "Guides",
+ path: "/help/guides/getting-started",
+ },
+ {
+ title: "Forks",
+ path: "/forks/",
+ },
+ {
+ title: "Available extensions",
+ path: "/extensions/",
+ },
+ ],
+ extensions: [
+ "/",
+ {
+ title: "Available extensions",
+ path: "/extensions/",
+ },
+ {
+ title: "Frequently Asked Questions",
+ path: "/help/faq/",
+ },
+ {
+ title: "Guides",
+ path: "/help/guides/getting-started",
+ },
+ {
+ title: "Forks",
+ path: "/forks/",
+ },
+ {
+ title: "Contribution",
+ path: "/help/contribution",
+ },
+ ],
+ forks: [
+ "/",
+ {
+ title: "Forks",
+ path: "/forks/",
+ },
+ {
+ title: "Frequently Asked Questions",
+ path: "/help/faq/",
+ },
+ {
+ title: "Guides",
+ path: "/help/guides/getting-started",
+ },
+ {
+ title: "Contribution",
+ path: "/help/contribution",
+ },
+ {
+ title: "Available extensions",
+ path: "/extensions/",
+ },
+ ],
+};
diff --git a/src/.vuepress/config/sidebar/contribution.js b/src/.vuepress/config/sidebar/contribution.js
deleted file mode 100644
index 9917fb65..00000000
--- a/src/.vuepress/config/sidebar/contribution.js
+++ /dev/null
@@ -1,27 +0,0 @@
-module.exports = [
- '/',
- {
- title: 'Contribution',
- collapsable: false,
- sidebarDepth: 1,
- children: [
- '/help/contribution'
- ]
- },
- {
- title: 'Frequently Asked Questions',
- path: '/help/faq/',
- },
- {
- title: 'Guides',
- path: '/help/guides/getting-started',
- },
- {
- title: 'Forks',
- path: '/forks/'
- },
- {
- title: 'Available extensions',
- path: '/extensions/'
- }
-];
diff --git a/src/.vuepress/config/sidebar/extensions.js b/src/.vuepress/config/sidebar/extensions.js
deleted file mode 100644
index 9adfaa0d..00000000
--- a/src/.vuepress/config/sidebar/extensions.js
+++ /dev/null
@@ -1,23 +0,0 @@
-module.exports = [
- '/',
- {
- title: 'Available extensions',
- path: '/extensions/'
- },
- {
- title: 'Frequently Asked Questions',
- path: '/help/faq/',
- },
- {
- title: 'Guides',
- path: '/help/guides/getting-started',
- },
- {
- title: 'Forks',
- path: '/forks/'
- },
- {
- title: 'Contribution',
- path: '/help/contribution'
- }
-];
diff --git a/src/.vuepress/config/sidebar/faq.js b/src/.vuepress/config/sidebar/faq.js
deleted file mode 100644
index 958d528b..00000000
--- a/src/.vuepress/config/sidebar/faq.js
+++ /dev/null
@@ -1,23 +0,0 @@
-module.exports = [
- '/',
- {
- title: 'Frequently Asked Questions',
- path: '/help/faq/'
- },
- {
- title: 'Guides',
- path: '/help/guides/getting-started',
- },
- {
- title: 'Forks',
- path: '/forks/'
- },
- {
- title: 'Contribution',
- path: '/help/contribution'
- },
- {
- title: 'Available extensions',
- path: '/extensions/'
- }
-];
diff --git a/src/.vuepress/config/sidebar/forks.js b/src/.vuepress/config/sidebar/forks.js
deleted file mode 100644
index 8a6c7bc5..00000000
--- a/src/.vuepress/config/sidebar/forks.js
+++ /dev/null
@@ -1,23 +0,0 @@
-module.exports = [
- '/',
- {
- title: 'Forks',
- path: '/forks/'
- },
- {
- title: 'Frequently Asked Questions',
- path: '/help/faq/',
- },
- {
- title: 'Guides',
- path: '/help/guides/getting-started',
- },
- {
- title: 'Contribution',
- path: '/help/contribution'
- },
- {
- title: 'Available extensions',
- path: '/extensions/'
- }
-];
diff --git a/src/.vuepress/config/sidebar/guides.js b/src/.vuepress/config/sidebar/guides.js
deleted file mode 100644
index 44521200..00000000
--- a/src/.vuepress/config/sidebar/guides.js
+++ /dev/null
@@ -1,52 +0,0 @@
-module.exports = [
- '/',
- {
- title: 'Guides',
- collapsable: false,
- sidebarDepth: 2,
- children: [
- {
- title: 'General',
- collapsable: false,
- sidebarDepth: 2,
- children: [
- '/help/guides/getting-started',
- '/help/guides/source-problems',
- '/help/guides/source-migration',
- '/help/guides/creating-backups',
- '/help/guides/reading-local-manga',
- '/help/guides/categories'
- ]
- },
- {
- title: 'Settings',
- collapsable: false,
- sidebarDepth: 2,
- children: [
- '/help/guides/settings/general',
- '/help/guides/settings/reader',
- '/help/guides/settings/downloads',
- '/help/guides/settings/tracking',
- '/help/guides/settings/backup',
- '/help/guides/settings/advanced'
- ]
- }
- ]
- },
- {
- title: 'Frequently Asked Questions',
- path: '/help/faq/',
- },
- {
- title: 'Forks',
- path: '/forks/'
- },
- {
- title: 'Contribution',
- path: '/help/contribution'
- },
- {
- title: 'Available extensions',
- path: '/extensions/'
- }
-];
diff --git a/src/.vuepress/enhanceApp.js b/src/.vuepress/enhanceApp.js
index 9cfdc434..adc57b1e 100644
--- a/src/.vuepress/enhanceApp.js
+++ b/src/.vuepress/enhanceApp.js
@@ -1,18 +1,18 @@
-import './styles/fonts.styl'
-import './styles/animate.css'
-import 'sweetalert2/dist/sweetalert2.min.css';
-import 'vue-material-design-icons/styles.css';
+import "./styles/fonts.styl";
+import "./styles/animate.css";
+import "./styles/sweetalert2.css";
+import "vue-material-design-icons/styles.css";
-import { VueAgile } from 'vue-agile';
-import VueSweetalert2 from 'vue-sweetalert2';
+import { VueAgile } from "vue-agile";
+import VueSweetalert2 from "vue-sweetalert2";
export default ({
Vue, // the version of Vue being used in the VuePress app
options, // the options for the root Vue instance
router, // the router instance for the app
- siteData // site metadata
+ siteData, // site metadata
}) => {
// eslint-disable-next-line vue/match-component-file-name
- Vue.component('Agile', VueAgile);
+ Vue.component("Agile", VueAgile);
Vue.use(VueSweetalert2);
};
diff --git a/src/.vuepress/public/manifest.json b/src/.vuepress/public/manifest.json
index e051497d..12a04511 100644
--- a/src/.vuepress/public/manifest.json
+++ b/src/.vuepress/public/manifest.json
@@ -1,23 +1,23 @@
{
- "name": "Tachiyomi",
- "short_name": "Tachiyomi",
- "description": "Free and open source manga reader for Android.",
- "lang": "en-US",
- "theme_color": "#2e84bf",
- "background_color": "#ffffff",
- "start_url": "/",
- "display": "standalone",
- "orientation": "portrait-primary",
- "icons": [
- {
- "src": "/icons/android-chrome-192x192.png",
- "sizes": "192x192",
- "type": "image/png"
- },
- {
- "src": "/icons/android-chrome-512x512.png",
- "sizes": "512x512",
- "type": "image/png"
- }
- ]
+ "name": "Tachiyomi",
+ "short_name": "Tachiyomi",
+ "description": "Free and open source manga reader for Android.",
+ "lang": "en-US",
+ "theme_color": "#2e84bf",
+ "background_color": "#ffffff",
+ "start_url": "/",
+ "display": "standalone",
+ "orientation": "portrait-primary",
+ "icons": [
+ {
+ "src": "/icons/android-chrome-192x192.png",
+ "sizes": "192x192",
+ "type": "image/png"
+ },
+ {
+ "src": "/icons/android-chrome-512x512.png",
+ "sizes": "512x512",
+ "type": "image/png"
+ }
+ ]
}
\ No newline at end of file
diff --git a/src/.vuepress/styles/animate.css b/src/.vuepress/styles/animate.css
index 4135a7a4..29ec3142 100644
--- a/src/.vuepress/styles/animate.css
+++ b/src/.vuepress/styles/animate.css
@@ -8,4067 +8,4067 @@
* Copyright (c) 2020 Animate.css
*/
:root {
- --animate-duration: 1s;
- --animate-delay: 1s;
- --animate-repeat: 1;
+ --animate-duration: 1s;
+ --animate-delay: 1s;
+ --animate-repeat: 1;
}
.animate__animated {
- -webkit-animation-duration: 1s;
- animation-duration: 1s;
- -webkit-animation-duration: var(--animate-duration);
- animation-duration: var(--animate-duration);
- -webkit-animation-fill-mode: both;
- animation-fill-mode: both;
+ -webkit-animation-duration: 1s;
+ animation-duration: 1s;
+ -webkit-animation-duration: var(--animate-duration);
+ animation-duration: var(--animate-duration);
+ -webkit-animation-fill-mode: both;
+ animation-fill-mode: both;
}
.animate__animated.animate__infinite {
- -webkit-animation-iteration-count: infinite;
- animation-iteration-count: infinite;
+ -webkit-animation-iteration-count: infinite;
+ animation-iteration-count: infinite;
}
.animate__animated.animate__repeat-1 {
- -webkit-animation-iteration-count: 1;
- animation-iteration-count: 1;
- -webkit-animation-iteration-count: var(--animate-repeat);
- animation-iteration-count: var(--animate-repeat);
+ -webkit-animation-iteration-count: 1;
+ animation-iteration-count: 1;
+ -webkit-animation-iteration-count: var(--animate-repeat);
+ animation-iteration-count: var(--animate-repeat);
}
.animate__animated.animate__repeat-2 {
- -webkit-animation-iteration-count: calc(1 * 2);
- animation-iteration-count: calc(1 * 2);
- -webkit-animation-iteration-count: calc(var(--animate-repeat) * 2);
- animation-iteration-count: calc(var(--animate-repeat) * 2);
+ -webkit-animation-iteration-count: calc(1 * 2);
+ animation-iteration-count: calc(1 * 2);
+ -webkit-animation-iteration-count: calc(var(--animate-repeat) * 2);
+ animation-iteration-count: calc(var(--animate-repeat) * 2);
}
.animate__animated.animate__repeat-3 {
- -webkit-animation-iteration-count: calc(1 * 3);
- animation-iteration-count: calc(1 * 3);
- -webkit-animation-iteration-count: calc(var(--animate-repeat) * 3);
- animation-iteration-count: calc(var(--animate-repeat) * 3);
+ -webkit-animation-iteration-count: calc(1 * 3);
+ animation-iteration-count: calc(1 * 3);
+ -webkit-animation-iteration-count: calc(var(--animate-repeat) * 3);
+ animation-iteration-count: calc(var(--animate-repeat) * 3);
}
.animate__animated.animate__delay-1s {
- -webkit-animation-delay: 1s;
- animation-delay: 1s;
- -webkit-animation-delay: var(--animate-delay);
- animation-delay: var(--animate-delay);
+ -webkit-animation-delay: 1s;
+ animation-delay: 1s;
+ -webkit-animation-delay: var(--animate-delay);
+ animation-delay: var(--animate-delay);
}
.animate__animated.animate__delay-2s {
- -webkit-animation-delay: calc(1s * 2);
- animation-delay: calc(1s * 2);
- -webkit-animation-delay: calc(var(--animate-delay) * 2);
- animation-delay: calc(var(--animate-delay) * 2);
+ -webkit-animation-delay: calc(1s * 2);
+ animation-delay: calc(1s * 2);
+ -webkit-animation-delay: calc(var(--animate-delay) * 2);
+ animation-delay: calc(var(--animate-delay) * 2);
}
.animate__animated.animate__delay-3s {
- -webkit-animation-delay: calc(1s * 3);
- animation-delay: calc(1s * 3);
- -webkit-animation-delay: calc(var(--animate-delay) * 3);
- animation-delay: calc(var(--animate-delay) * 3);
+ -webkit-animation-delay: calc(1s * 3);
+ animation-delay: calc(1s * 3);
+ -webkit-animation-delay: calc(var(--animate-delay) * 3);
+ animation-delay: calc(var(--animate-delay) * 3);
}
.animate__animated.animate__delay-4s {
- -webkit-animation-delay: calc(1s * 4);
- animation-delay: calc(1s * 4);
- -webkit-animation-delay: calc(var(--animate-delay) * 4);
- animation-delay: calc(var(--animate-delay) * 4);
+ -webkit-animation-delay: calc(1s * 4);
+ animation-delay: calc(1s * 4);
+ -webkit-animation-delay: calc(var(--animate-delay) * 4);
+ animation-delay: calc(var(--animate-delay) * 4);
}
.animate__animated.animate__delay-5s {
- -webkit-animation-delay: calc(1s * 5);
- animation-delay: calc(1s * 5);
- -webkit-animation-delay: calc(var(--animate-delay) * 5);
- animation-delay: calc(var(--animate-delay) * 5);
+ -webkit-animation-delay: calc(1s * 5);
+ animation-delay: calc(1s * 5);
+ -webkit-animation-delay: calc(var(--animate-delay) * 5);
+ animation-delay: calc(var(--animate-delay) * 5);
}
.animate__animated.animate__faster {
- -webkit-animation-duration: calc(1s / 2);
- animation-duration: calc(1s / 2);
- -webkit-animation-duration: calc(var(--animate-duration) / 2);
- animation-duration: calc(var(--animate-duration) / 2);
+ -webkit-animation-duration: calc(1s / 2);
+ animation-duration: calc(1s / 2);
+ -webkit-animation-duration: calc(var(--animate-duration) / 2);
+ animation-duration: calc(var(--animate-duration) / 2);
}
.animate__animated.animate__fast {
- -webkit-animation-duration: calc(1s * 0.8);
- animation-duration: calc(1s * 0.8);
- -webkit-animation-duration: calc(var(--animate-duration) * 0.8);
- animation-duration: calc(var(--animate-duration) * 0.8);
+ -webkit-animation-duration: calc(1s * 0.8);
+ animation-duration: calc(1s * 0.8);
+ -webkit-animation-duration: calc(var(--animate-duration) * 0.8);
+ animation-duration: calc(var(--animate-duration) * 0.8);
}
.animate__animated.animate__slow {
- -webkit-animation-duration: calc(1s * 2);
- animation-duration: calc(1s * 2);
- -webkit-animation-duration: calc(var(--animate-duration) * 2);
- animation-duration: calc(var(--animate-duration) * 2);
+ -webkit-animation-duration: calc(1s * 2);
+ animation-duration: calc(1s * 2);
+ -webkit-animation-duration: calc(var(--animate-duration) * 2);
+ animation-duration: calc(var(--animate-duration) * 2);
}
.animate__animated.animate__slower {
- -webkit-animation-duration: calc(1s * 3);
- animation-duration: calc(1s * 3);
- -webkit-animation-duration: calc(var(--animate-duration) * 3);
- animation-duration: calc(var(--animate-duration) * 3);
+ -webkit-animation-duration: calc(1s * 3);
+ animation-duration: calc(1s * 3);
+ -webkit-animation-duration: calc(var(--animate-duration) * 3);
+ animation-duration: calc(var(--animate-duration) * 3);
}
@media print, (prefers-reduced-motion: reduce) {
- .animate__animated {
- -webkit-animation-duration: 1ms !important;
- animation-duration: 1ms !important;
- -webkit-transition-duration: 1ms !important;
- transition-duration: 1ms !important;
- -webkit-animation-iteration-count: 1 !important;
- animation-iteration-count: 1 !important;
- }
+ .animate__animated {
+ -webkit-animation-duration: 1ms !important;
+ animation-duration: 1ms !important;
+ -webkit-transition-duration: 1ms !important;
+ transition-duration: 1ms !important;
+ -webkit-animation-iteration-count: 1 !important;
+ animation-iteration-count: 1 !important;
+ }
- .animate__animated[class*='Out'] {
- opacity: 0;
- }
+ .animate__animated[class*="Out"] {
+ opacity: 0;
+ }
}
-/* Attention seekers */
+/* Attention seekers */
@-webkit-keyframes bounce {
- from,
- 20%,
- 53%,
- to {
- -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
- animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
- -webkit-transform: translate3d(0, 0, 0);
- transform: translate3d(0, 0, 0);
- }
+ from,
+ 20%,
+ 53%,
+ to {
+ -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
+ animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
+ -webkit-transform: translate3d(0, 0, 0);
+ transform: translate3d(0, 0, 0);
+ }
- 40%,
- 43% {
- -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
- animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
- -webkit-transform: translate3d(0, -30px, 0) scaleY(1.1);
- transform: translate3d(0, -30px, 0) scaleY(1.1);
- }
+ 40%,
+ 43% {
+ -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
+ animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
+ -webkit-transform: translate3d(0, -30px, 0) scaleY(1.1);
+ transform: translate3d(0, -30px, 0) scaleY(1.1);
+ }
- 70% {
- -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
- animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
- -webkit-transform: translate3d(0, -15px, 0) scaleY(1.05);
- transform: translate3d(0, -15px, 0) scaleY(1.05);
- }
+ 70% {
+ -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
+ animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
+ -webkit-transform: translate3d(0, -15px, 0) scaleY(1.05);
+ transform: translate3d(0, -15px, 0) scaleY(1.05);
+ }
- 80% {
- -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
- transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
- -webkit-transform: translate3d(0, 0, 0) scaleY(0.95);
- transform: translate3d(0, 0, 0) scaleY(0.95);
- }
+ 80% {
+ -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
+ transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
+ -webkit-transform: translate3d(0, 0, 0) scaleY(0.95);
+ transform: translate3d(0, 0, 0) scaleY(0.95);
+ }
- 90% {
- -webkit-transform: translate3d(0, -4px, 0) scaleY(1.02);
- transform: translate3d(0, -4px, 0) scaleY(1.02);
- }
+ 90% {
+ -webkit-transform: translate3d(0, -4px, 0) scaleY(1.02);
+ transform: translate3d(0, -4px, 0) scaleY(1.02);
+ }
}
@keyframes bounce {
- from,
- 20%,
- 53%,
- to {
- -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
- animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
- -webkit-transform: translate3d(0, 0, 0);
- transform: translate3d(0, 0, 0);
- }
+ from,
+ 20%,
+ 53%,
+ to {
+ -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
+ animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
+ -webkit-transform: translate3d(0, 0, 0);
+ transform: translate3d(0, 0, 0);
+ }
- 40%,
- 43% {
- -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
- animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
- -webkit-transform: translate3d(0, -30px, 0) scaleY(1.1);
- transform: translate3d(0, -30px, 0) scaleY(1.1);
- }
+ 40%,
+ 43% {
+ -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
+ animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
+ -webkit-transform: translate3d(0, -30px, 0) scaleY(1.1);
+ transform: translate3d(0, -30px, 0) scaleY(1.1);
+ }
- 70% {
- -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
- animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
- -webkit-transform: translate3d(0, -15px, 0) scaleY(1.05);
- transform: translate3d(0, -15px, 0) scaleY(1.05);
- }
+ 70% {
+ -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
+ animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
+ -webkit-transform: translate3d(0, -15px, 0) scaleY(1.05);
+ transform: translate3d(0, -15px, 0) scaleY(1.05);
+ }
- 80% {
- -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
- transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
- -webkit-transform: translate3d(0, 0, 0) scaleY(0.95);
- transform: translate3d(0, 0, 0) scaleY(0.95);
- }
+ 80% {
+ -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
+ transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
+ -webkit-transform: translate3d(0, 0, 0) scaleY(0.95);
+ transform: translate3d(0, 0, 0) scaleY(0.95);
+ }
- 90% {
- -webkit-transform: translate3d(0, -4px, 0) scaleY(1.02);
- transform: translate3d(0, -4px, 0) scaleY(1.02);
- }
+ 90% {
+ -webkit-transform: translate3d(0, -4px, 0) scaleY(1.02);
+ transform: translate3d(0, -4px, 0) scaleY(1.02);
+ }
}
.animate__bounce {
- -webkit-animation-name: bounce;
- animation-name: bounce;
- -webkit-transform-origin: center bottom;
- transform-origin: center bottom;
+ -webkit-animation-name: bounce;
+ animation-name: bounce;
+ -webkit-transform-origin: center bottom;
+ transform-origin: center bottom;
}
@-webkit-keyframes flash {
- from,
- 50%,
- to {
- opacity: 1;
- }
+ from,
+ 50%,
+ to {
+ opacity: 1;
+ }
- 25%,
- 75% {
- opacity: 0;
- }
+ 25%,
+ 75% {
+ opacity: 0;
+ }
}
@keyframes flash {
- from,
- 50%,
- to {
- opacity: 1;
- }
+ from,
+ 50%,
+ to {
+ opacity: 1;
+ }
- 25%,
- 75% {
- opacity: 0;
- }
+ 25%,
+ 75% {
+ opacity: 0;
+ }
}
.animate__flash {
- -webkit-animation-name: flash;
- animation-name: flash;
+ -webkit-animation-name: flash;
+ animation-name: flash;
}
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes pulse {
- from {
- -webkit-transform: scale3d(1, 1, 1);
- transform: scale3d(1, 1, 1);
- }
+ from {
+ -webkit-transform: scale3d(1, 1, 1);
+ transform: scale3d(1, 1, 1);
+ }
- 50% {
- -webkit-transform: scale3d(1.05, 1.05, 1.05);
- transform: scale3d(1.05, 1.05, 1.05);
- }
+ 50% {
+ -webkit-transform: scale3d(1.05, 1.05, 1.05);
+ transform: scale3d(1.05, 1.05, 1.05);
+ }
- to {
- -webkit-transform: scale3d(1, 1, 1);
- transform: scale3d(1, 1, 1);
- }
+ to {
+ -webkit-transform: scale3d(1, 1, 1);
+ transform: scale3d(1, 1, 1);
+ }
}
@keyframes pulse {
- from {
- -webkit-transform: scale3d(1, 1, 1);
- transform: scale3d(1, 1, 1);
- }
+ from {
+ -webkit-transform: scale3d(1, 1, 1);
+ transform: scale3d(1, 1, 1);
+ }
- 50% {
- -webkit-transform: scale3d(1.05, 1.05, 1.05);
- transform: scale3d(1.05, 1.05, 1.05);
- }
+ 50% {
+ -webkit-transform: scale3d(1.05, 1.05, 1.05);
+ transform: scale3d(1.05, 1.05, 1.05);
+ }
- to {
- -webkit-transform: scale3d(1, 1, 1);
- transform: scale3d(1, 1, 1);
- }
+ to {
+ -webkit-transform: scale3d(1, 1, 1);
+ transform: scale3d(1, 1, 1);
+ }
}
.animate__pulse {
- -webkit-animation-name: pulse;
- animation-name: pulse;
- -webkit-animation-timing-function: ease-in-out;
- animation-timing-function: ease-in-out;
+ -webkit-animation-name: pulse;
+ animation-name: pulse;
+ -webkit-animation-timing-function: ease-in-out;
+ animation-timing-function: ease-in-out;
}
@-webkit-keyframes rubberBand {
- from {
- -webkit-transform: scale3d(1, 1, 1);
- transform: scale3d(1, 1, 1);
- }
+ from {
+ -webkit-transform: scale3d(1, 1, 1);
+ transform: scale3d(1, 1, 1);
+ }
- 30% {
- -webkit-transform: scale3d(1.25, 0.75, 1);
- transform: scale3d(1.25, 0.75, 1);
- }
+ 30% {
+ -webkit-transform: scale3d(1.25, 0.75, 1);
+ transform: scale3d(1.25, 0.75, 1);
+ }
- 40% {
- -webkit-transform: scale3d(0.75, 1.25, 1);
- transform: scale3d(0.75, 1.25, 1);
- }
+ 40% {
+ -webkit-transform: scale3d(0.75, 1.25, 1);
+ transform: scale3d(0.75, 1.25, 1);
+ }
- 50% {
- -webkit-transform: scale3d(1.15, 0.85, 1);
- transform: scale3d(1.15, 0.85, 1);
- }
+ 50% {
+ -webkit-transform: scale3d(1.15, 0.85, 1);
+ transform: scale3d(1.15, 0.85, 1);
+ }
- 65% {
- -webkit-transform: scale3d(0.95, 1.05, 1);
- transform: scale3d(0.95, 1.05, 1);
- }
+ 65% {
+ -webkit-transform: scale3d(0.95, 1.05, 1);
+ transform: scale3d(0.95, 1.05, 1);
+ }
- 75% {
- -webkit-transform: scale3d(1.05, 0.95, 1);
- transform: scale3d(1.05, 0.95, 1);
- }
+ 75% {
+ -webkit-transform: scale3d(1.05, 0.95, 1);
+ transform: scale3d(1.05, 0.95, 1);
+ }
- to {
- -webkit-transform: scale3d(1, 1, 1);
- transform: scale3d(1, 1, 1);
- }
+ to {
+ -webkit-transform: scale3d(1, 1, 1);
+ transform: scale3d(1, 1, 1);
+ }
}
@keyframes rubberBand {
- from {
- -webkit-transform: scale3d(1, 1, 1);
- transform: scale3d(1, 1, 1);
- }
+ from {
+ -webkit-transform: scale3d(1, 1, 1);
+ transform: scale3d(1, 1, 1);
+ }
- 30% {
- -webkit-transform: scale3d(1.25, 0.75, 1);
- transform: scale3d(1.25, 0.75, 1);
- }
+ 30% {
+ -webkit-transform: scale3d(1.25, 0.75, 1);
+ transform: scale3d(1.25, 0.75, 1);
+ }
- 40% {
- -webkit-transform: scale3d(0.75, 1.25, 1);
- transform: scale3d(0.75, 1.25, 1);
- }
+ 40% {
+ -webkit-transform: scale3d(0.75, 1.25, 1);
+ transform: scale3d(0.75, 1.25, 1);
+ }
- 50% {
- -webkit-transform: scale3d(1.15, 0.85, 1);
- transform: scale3d(1.15, 0.85, 1);
- }
+ 50% {
+ -webkit-transform: scale3d(1.15, 0.85, 1);
+ transform: scale3d(1.15, 0.85, 1);
+ }
- 65% {
- -webkit-transform: scale3d(0.95, 1.05, 1);
- transform: scale3d(0.95, 1.05, 1);
- }
+ 65% {
+ -webkit-transform: scale3d(0.95, 1.05, 1);
+ transform: scale3d(0.95, 1.05, 1);
+ }
- 75% {
- -webkit-transform: scale3d(1.05, 0.95, 1);
- transform: scale3d(1.05, 0.95, 1);
- }
+ 75% {
+ -webkit-transform: scale3d(1.05, 0.95, 1);
+ transform: scale3d(1.05, 0.95, 1);
+ }
- to {
- -webkit-transform: scale3d(1, 1, 1);
- transform: scale3d(1, 1, 1);
- }
+ to {
+ -webkit-transform: scale3d(1, 1, 1);
+ transform: scale3d(1, 1, 1);
+ }
}
.animate__rubberBand {
- -webkit-animation-name: rubberBand;
- animation-name: rubberBand;
+ -webkit-animation-name: rubberBand;
+ animation-name: rubberBand;
}
@-webkit-keyframes shakeX {
- from,
- to {
- -webkit-transform: translate3d(0, 0, 0);
- transform: translate3d(0, 0, 0);
- }
+ from,
+ to {
+ -webkit-transform: translate3d(0, 0, 0);
+ transform: translate3d(0, 0, 0);
+ }
- 10%,
- 30%,
- 50%,
- 70%,
- 90% {
- -webkit-transform: translate3d(-10px, 0, 0);
- transform: translate3d(-10px, 0, 0);
- }
+ 10%,
+ 30%,
+ 50%,
+ 70%,
+ 90% {
+ -webkit-transform: translate3d(-10px, 0, 0);
+ transform: translate3d(-10px, 0, 0);
+ }
- 20%,
- 40%,
- 60%,
- 80% {
- -webkit-transform: translate3d(10px, 0, 0);
- transform: translate3d(10px, 0, 0);
- }
+ 20%,
+ 40%,
+ 60%,
+ 80% {
+ -webkit-transform: translate3d(10px, 0, 0);
+ transform: translate3d(10px, 0, 0);
+ }
}
@keyframes shakeX {
- from,
- to {
- -webkit-transform: translate3d(0, 0, 0);
- transform: translate3d(0, 0, 0);
- }
+ from,
+ to {
+ -webkit-transform: translate3d(0, 0, 0);
+ transform: translate3d(0, 0, 0);
+ }
- 10%,
- 30%,
- 50%,
- 70%,
- 90% {
- -webkit-transform: translate3d(-10px, 0, 0);
- transform: translate3d(-10px, 0, 0);
- }
+ 10%,
+ 30%,
+ 50%,
+ 70%,
+ 90% {
+ -webkit-transform: translate3d(-10px, 0, 0);
+ transform: translate3d(-10px, 0, 0);
+ }
- 20%,
- 40%,
- 60%,
- 80% {
- -webkit-transform: translate3d(10px, 0, 0);
- transform: translate3d(10px, 0, 0);
- }
+ 20%,
+ 40%,
+ 60%,
+ 80% {
+ -webkit-transform: translate3d(10px, 0, 0);
+ transform: translate3d(10px, 0, 0);
+ }
}
.animate__shakeX {
- -webkit-animation-name: shakeX;
- animation-name: shakeX;
+ -webkit-animation-name: shakeX;
+ animation-name: shakeX;
}
@-webkit-keyframes shakeY {
- from,
- to {
- -webkit-transform: translate3d(0, 0, 0);
- transform: translate3d(0, 0, 0);
- }
+ from,
+ to {
+ -webkit-transform: translate3d(0, 0, 0);
+ transform: translate3d(0, 0, 0);
+ }
- 10%,
- 30%,
- 50%,
- 70%,
- 90% {
- -webkit-transform: translate3d(0, -10px, 0);
- transform: translate3d(0, -10px, 0);
- }
+ 10%,
+ 30%,
+ 50%,
+ 70%,
+ 90% {
+ -webkit-transform: translate3d(0, -10px, 0);
+ transform: translate3d(0, -10px, 0);
+ }
- 20%,
- 40%,
- 60%,
- 80% {
- -webkit-transform: translate3d(0, 10px, 0);
- transform: translate3d(0, 10px, 0);
- }
+ 20%,
+ 40%,
+ 60%,
+ 80% {
+ -webkit-transform: translate3d(0, 10px, 0);
+ transform: translate3d(0, 10px, 0);
+ }
}
@keyframes shakeY {
- from,
- to {
- -webkit-transform: translate3d(0, 0, 0);
- transform: translate3d(0, 0, 0);
- }
+ from,
+ to {
+ -webkit-transform: translate3d(0, 0, 0);
+ transform: translate3d(0, 0, 0);
+ }
- 10%,
- 30%,
- 50%,
- 70%,
- 90% {
- -webkit-transform: translate3d(0, -10px, 0);
- transform: translate3d(0, -10px, 0);
- }
+ 10%,
+ 30%,
+ 50%,
+ 70%,
+ 90% {
+ -webkit-transform: translate3d(0, -10px, 0);
+ transform: translate3d(0, -10px, 0);
+ }
- 20%,
- 40%,
- 60%,
- 80% {
- -webkit-transform: translate3d(0, 10px, 0);
- transform: translate3d(0, 10px, 0);
- }
+ 20%,
+ 40%,
+ 60%,
+ 80% {
+ -webkit-transform: translate3d(0, 10px, 0);
+ transform: translate3d(0, 10px, 0);
+ }
}
.animate__shakeY {
- -webkit-animation-name: shakeY;
- animation-name: shakeY;
+ -webkit-animation-name: shakeY;
+ animation-name: shakeY;
}
@-webkit-keyframes headShake {
- 0% {
- -webkit-transform: translateX(0);
- transform: translateX(0);
- }
+ 0% {
+ -webkit-transform: translateX(0);
+ transform: translateX(0);
+ }
- 6.5% {
- -webkit-transform: translateX(-6px) rotateY(-9deg);
- transform: translateX(-6px) rotateY(-9deg);
- }
+ 6.5% {
+ -webkit-transform: translateX(-6px) rotateY(-9deg);
+ transform: translateX(-6px) rotateY(-9deg);
+ }
- 18.5% {
- -webkit-transform: translateX(5px) rotateY(7deg);
- transform: translateX(5px) rotateY(7deg);
- }
+ 18.5% {
+ -webkit-transform: translateX(5px) rotateY(7deg);
+ transform: translateX(5px) rotateY(7deg);
+ }
- 31.5% {
- -webkit-transform: translateX(-3px) rotateY(-5deg);
- transform: translateX(-3px) rotateY(-5deg);
- }
+ 31.5% {
+ -webkit-transform: translateX(-3px) rotateY(-5deg);
+ transform: translateX(-3px) rotateY(-5deg);
+ }
- 43.5% {
- -webkit-transform: translateX(2px) rotateY(3deg);
- transform: translateX(2px) rotateY(3deg);
- }
+ 43.5% {
+ -webkit-transform: translateX(2px) rotateY(3deg);
+ transform: translateX(2px) rotateY(3deg);
+ }
- 50% {
- -webkit-transform: translateX(0);
- transform: translateX(0);
- }
+ 50% {
+ -webkit-transform: translateX(0);
+ transform: translateX(0);
+ }
}
@keyframes headShake {
- 0% {
- -webkit-transform: translateX(0);
- transform: translateX(0);
- }
+ 0% {
+ -webkit-transform: translateX(0);
+ transform: translateX(0);
+ }
- 6.5% {
- -webkit-transform: translateX(-6px) rotateY(-9deg);
- transform: translateX(-6px) rotateY(-9deg);
- }
+ 6.5% {
+ -webkit-transform: translateX(-6px) rotateY(-9deg);
+ transform: translateX(-6px) rotateY(-9deg);
+ }
- 18.5% {
- -webkit-transform: translateX(5px) rotateY(7deg);
- transform: translateX(5px) rotateY(7deg);
- }
+ 18.5% {
+ -webkit-transform: translateX(5px) rotateY(7deg);
+ transform: translateX(5px) rotateY(7deg);
+ }
- 31.5% {
- -webkit-transform: translateX(-3px) rotateY(-5deg);
- transform: translateX(-3px) rotateY(-5deg);
- }
+ 31.5% {
+ -webkit-transform: translateX(-3px) rotateY(-5deg);
+ transform: translateX(-3px) rotateY(-5deg);
+ }
- 43.5% {
- -webkit-transform: translateX(2px) rotateY(3deg);
- transform: translateX(2px) rotateY(3deg);
- }
+ 43.5% {
+ -webkit-transform: translateX(2px) rotateY(3deg);
+ transform: translateX(2px) rotateY(3deg);
+ }
- 50% {
- -webkit-transform: translateX(0);
- transform: translateX(0);
- }
+ 50% {
+ -webkit-transform: translateX(0);
+ transform: translateX(0);
+ }
}
.animate__headShake {
- -webkit-animation-timing-function: ease-in-out;
- animation-timing-function: ease-in-out;
- -webkit-animation-name: headShake;
- animation-name: headShake;
+ -webkit-animation-timing-function: ease-in-out;
+ animation-timing-function: ease-in-out;
+ -webkit-animation-name: headShake;
+ animation-name: headShake;
}
@-webkit-keyframes swing {
- 20% {
- -webkit-transform: rotate3d(0, 0, 1, 15deg);
- transform: rotate3d(0, 0, 1, 15deg);
- }
+ 20% {
+ -webkit-transform: rotate3d(0, 0, 1, 15deg);
+ transform: rotate3d(0, 0, 1, 15deg);
+ }
- 40% {
- -webkit-transform: rotate3d(0, 0, 1, -10deg);
- transform: rotate3d(0, 0, 1, -10deg);
- }
+ 40% {
+ -webkit-transform: rotate3d(0, 0, 1, -10deg);
+ transform: rotate3d(0, 0, 1, -10deg);
+ }
- 60% {
- -webkit-transform: rotate3d(0, 0, 1, 5deg);
- transform: rotate3d(0, 0, 1, 5deg);
- }
+ 60% {
+ -webkit-transform: rotate3d(0, 0, 1, 5deg);
+ transform: rotate3d(0, 0, 1, 5deg);
+ }
- 80% {
- -webkit-transform: rotate3d(0, 0, 1, -5deg);
- transform: rotate3d(0, 0, 1, -5deg);
- }
+ 80% {
+ -webkit-transform: rotate3d(0, 0, 1, -5deg);
+ transform: rotate3d(0, 0, 1, -5deg);
+ }
- to {
- -webkit-transform: rotate3d(0, 0, 1, 0deg);
- transform: rotate3d(0, 0, 1, 0deg);
- }
+ to {
+ -webkit-transform: rotate3d(0, 0, 1, 0deg);
+ transform: rotate3d(0, 0, 1, 0deg);
+ }
}
@keyframes swing {
- 20% {
- -webkit-transform: rotate3d(0, 0, 1, 15deg);
- transform: rotate3d(0, 0, 1, 15deg);
- }
+ 20% {
+ -webkit-transform: rotate3d(0, 0, 1, 15deg);
+ transform: rotate3d(0, 0, 1, 15deg);
+ }
- 40% {
- -webkit-transform: rotate3d(0, 0, 1, -10deg);
- transform: rotate3d(0, 0, 1, -10deg);
- }
+ 40% {
+ -webkit-transform: rotate3d(0, 0, 1, -10deg);
+ transform: rotate3d(0, 0, 1, -10deg);
+ }
- 60% {
- -webkit-transform: rotate3d(0, 0, 1, 5deg);
- transform: rotate3d(0, 0, 1, 5deg);
- }
+ 60% {
+ -webkit-transform: rotate3d(0, 0, 1, 5deg);
+ transform: rotate3d(0, 0, 1, 5deg);
+ }
- 80% {
- -webkit-transform: rotate3d(0, 0, 1, -5deg);
- transform: rotate3d(0, 0, 1, -5deg);
- }
+ 80% {
+ -webkit-transform: rotate3d(0, 0, 1, -5deg);
+ transform: rotate3d(0, 0, 1, -5deg);
+ }
- to {
- -webkit-transform: rotate3d(0, 0, 1, 0deg);
- transform: rotate3d(0, 0, 1, 0deg);
- }
+ to {
+ -webkit-transform: rotate3d(0, 0, 1, 0deg);
+ transform: rotate3d(0, 0, 1, 0deg);
+ }
}
.animate__swing {
- -webkit-transform-origin: top center;
- transform-origin: top center;
- -webkit-animation-name: swing;
- animation-name: swing;
+ -webkit-transform-origin: top center;
+ transform-origin: top center;
+ -webkit-animation-name: swing;
+ animation-name: swing;
}
@-webkit-keyframes tada {
- from {
- -webkit-transform: scale3d(1, 1, 1);
- transform: scale3d(1, 1, 1);
- }
+ from {
+ -webkit-transform: scale3d(1, 1, 1);
+ transform: scale3d(1, 1, 1);
+ }
- 10%,
- 20% {
- -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
- transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
- }
+ 10%,
+ 20% {
+ -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
+ transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
+ }
- 30%,
- 50%,
- 70%,
- 90% {
- -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
- transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
- }
+ 30%,
+ 50%,
+ 70%,
+ 90% {
+ -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
+ transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
+ }
- 40%,
- 60%,
- 80% {
- -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
- transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
- }
+ 40%,
+ 60%,
+ 80% {
+ -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
+ transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
+ }
- to {
- -webkit-transform: scale3d(1, 1, 1);
- transform: scale3d(1, 1, 1);
- }
+ to {
+ -webkit-transform: scale3d(1, 1, 1);
+ transform: scale3d(1, 1, 1);
+ }
}
@keyframes tada {
- from {
- -webkit-transform: scale3d(1, 1, 1);
- transform: scale3d(1, 1, 1);
- }
+ from {
+ -webkit-transform: scale3d(1, 1, 1);
+ transform: scale3d(1, 1, 1);
+ }
- 10%,
- 20% {
- -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
- transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
- }
+ 10%,
+ 20% {
+ -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
+ transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
+ }
- 30%,
- 50%,
- 70%,
- 90% {
- -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
- transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
- }
+ 30%,
+ 50%,
+ 70%,
+ 90% {
+ -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
+ transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
+ }
- 40%,
- 60%,
- 80% {
- -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
- transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
- }
+ 40%,
+ 60%,
+ 80% {
+ -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
+ transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
+ }
- to {
- -webkit-transform: scale3d(1, 1, 1);
- transform: scale3d(1, 1, 1);
- }
+ to {
+ -webkit-transform: scale3d(1, 1, 1);
+ transform: scale3d(1, 1, 1);
+ }
}
.animate__tada {
- -webkit-animation-name: tada;
- animation-name: tada;
+ -webkit-animation-name: tada;
+ animation-name: tada;
}
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes wobble {
- from {
- -webkit-transform: translate3d(0, 0, 0);
- transform: translate3d(0, 0, 0);
- }
+ from {
+ -webkit-transform: translate3d(0, 0, 0);
+ transform: translate3d(0, 0, 0);
+ }
- 15% {
- -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
- transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
- }
+ 15% {
+ -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
+ transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
+ }
- 30% {
- -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
- transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
- }
+ 30% {
+ -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
+ transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
+ }
- 45% {
- -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
- transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
- }
+ 45% {
+ -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
+ transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
+ }
- 60% {
- -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
- transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
- }
+ 60% {
+ -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
+ transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
+ }
- 75% {
- -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
- transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
- }
+ 75% {
+ -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
+ transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
+ }
- to {
- -webkit-transform: translate3d(0, 0, 0);
- transform: translate3d(0, 0, 0);
- }
+ to {
+ -webkit-transform: translate3d(0, 0, 0);
+ transform: translate3d(0, 0, 0);
+ }
}
@keyframes wobble {
- from {
- -webkit-transform: translate3d(0, 0, 0);
- transform: translate3d(0, 0, 0);
- }
+ from {
+ -webkit-transform: translate3d(0, 0, 0);
+ transform: translate3d(0, 0, 0);
+ }
- 15% {
- -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
- transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
- }
+ 15% {
+ -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
+ transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
+ }
- 30% {
- -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
- transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
- }
+ 30% {
+ -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
+ transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
+ }
- 45% {
- -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
- transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
- }
+ 45% {
+ -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
+ transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
+ }
- 60% {
- -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
- transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
- }
+ 60% {
+ -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
+ transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
+ }
- 75% {
- -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
- transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
- }
+ 75% {
+ -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
+ transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
+ }
- to {
- -webkit-transform: translate3d(0, 0, 0);
- transform: translate3d(0, 0, 0);
- }
+ to {
+ -webkit-transform: translate3d(0, 0, 0);
+ transform: translate3d(0, 0, 0);
+ }
}
.animate__wobble {
- -webkit-animation-name: wobble;
- animation-name: wobble;
+ -webkit-animation-name: wobble;
+ animation-name: wobble;
}
@-webkit-keyframes jello {
- from,
- 11.1%,
- to {
- -webkit-transform: translate3d(0, 0, 0);
- transform: translate3d(0, 0, 0);
- }
+ from,
+ 11.1%,
+ to {
+ -webkit-transform: translate3d(0, 0, 0);
+ transform: translate3d(0, 0, 0);
+ }
- 22.2% {
- -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
- transform: skewX(-12.5deg) skewY(-12.5deg);
- }
+ 22.2% {
+ -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
+ transform: skewX(-12.5deg) skewY(-12.5deg);
+ }
- 33.3% {
- -webkit-transform: skewX(6.25deg) skewY(6.25deg);
- transform: skewX(6.25deg) skewY(6.25deg);
- }
+ 33.3% {
+ -webkit-transform: skewX(6.25deg) skewY(6.25deg);
+ transform: skewX(6.25deg) skewY(6.25deg);
+ }
- 44.4% {
- -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
- transform: skewX(-3.125deg) skewY(-3.125deg);
- }
+ 44.4% {
+ -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
+ transform: skewX(-3.125deg) skewY(-3.125deg);
+ }
- 55.5% {
- -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
- transform: skewX(1.5625deg) skewY(1.5625deg);
- }
+ 55.5% {
+ -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
+ transform: skewX(1.5625deg) skewY(1.5625deg);
+ }
- 66.6% {
- -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
- transform: skewX(-0.78125deg) skewY(-0.78125deg);
- }
+ 66.6% {
+ -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
+ transform: skewX(-0.78125deg) skewY(-0.78125deg);
+ }
- 77.7% {
- -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
- transform: skewX(0.390625deg) skewY(0.390625deg);
- }
+ 77.7% {
+ -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
+ transform: skewX(0.390625deg) skewY(0.390625deg);
+ }
- 88.8% {
- -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
- transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
- }
+ 88.8% {
+ -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
+ transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
+ }
}
@keyframes jello {
- from,
- 11.1%,
- to {
- -webkit-transform: translate3d(0, 0, 0);
- transform: translate3d(0, 0, 0);
- }
+ from,
+ 11.1%,
+ to {
+ -webkit-transform: translate3d(0, 0, 0);
+ transform: translate3d(0, 0, 0);
+ }
- 22.2% {
- -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
- transform: skewX(-12.5deg) skewY(-12.5deg);
- }
+ 22.2% {
+ -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
+ transform: skewX(-12.5deg) skewY(-12.5deg);
+ }
- 33.3% {
- -webkit-transform: skewX(6.25deg) skewY(6.25deg);
- transform: skewX(6.25deg) skewY(6.25deg);
- }
+ 33.3% {
+ -webkit-transform: skewX(6.25deg) skewY(6.25deg);
+ transform: skewX(6.25deg) skewY(6.25deg);
+ }
- 44.4% {
- -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
- transform: skewX(-3.125deg) skewY(-3.125deg);
- }
+ 44.4% {
+ -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
+ transform: skewX(-3.125deg) skewY(-3.125deg);
+ }
- 55.5% {
- -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
- transform: skewX(1.5625deg) skewY(1.5625deg);
- }
+ 55.5% {
+ -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
+ transform: skewX(1.5625deg) skewY(1.5625deg);
+ }
- 66.6% {
- -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
- transform: skewX(-0.78125deg) skewY(-0.78125deg);
- }
+ 66.6% {
+ -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
+ transform: skewX(-0.78125deg) skewY(-0.78125deg);
+ }
- 77.7% {
- -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
- transform: skewX(0.390625deg) skewY(0.390625deg);
- }
+ 77.7% {
+ -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
+ transform: skewX(0.390625deg) skewY(0.390625deg);
+ }
- 88.8% {
- -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
- transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
- }
+ 88.8% {
+ -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
+ transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
+ }
}
.animate__jello {
- -webkit-animation-name: jello;
- animation-name: jello;
- -webkit-transform-origin: center;
- transform-origin: center;
+ -webkit-animation-name: jello;
+ animation-name: jello;
+ -webkit-transform-origin: center;
+ transform-origin: center;
}
@-webkit-keyframes heartBeat {
- 0% {
- -webkit-transform: scale(1);
- transform: scale(1);
- }
+ 0% {
+ -webkit-transform: scale(1);
+ transform: scale(1);
+ }
- 14% {
- -webkit-transform: scale(1.3);
- transform: scale(1.3);
- }
+ 14% {
+ -webkit-transform: scale(1.3);
+ transform: scale(1.3);
+ }
- 28% {
- -webkit-transform: scale(1);
- transform: scale(1);
- }
+ 28% {
+ -webkit-transform: scale(1);
+ transform: scale(1);
+ }
- 42% {
- -webkit-transform: scale(1.3);
- transform: scale(1.3);
- }
+ 42% {
+ -webkit-transform: scale(1.3);
+ transform: scale(1.3);
+ }
- 70% {
- -webkit-transform: scale(1);
- transform: scale(1);
- }
+ 70% {
+ -webkit-transform: scale(1);
+ transform: scale(1);
+ }
}
@keyframes heartBeat {
- 0% {
- -webkit-transform: scale(1);
- transform: scale(1);
- }
+ 0% {
+ -webkit-transform: scale(1);
+ transform: scale(1);
+ }
- 14% {
- -webkit-transform: scale(1.3);
- transform: scale(1.3);
- }
+ 14% {
+ -webkit-transform: scale(1.3);
+ transform: scale(1.3);
+ }
- 28% {
- -webkit-transform: scale(1);
- transform: scale(1);
- }
+ 28% {
+ -webkit-transform: scale(1);
+ transform: scale(1);
+ }
- 42% {
- -webkit-transform: scale(1.3);
- transform: scale(1.3);
- }
+ 42% {
+ -webkit-transform: scale(1.3);
+ transform: scale(1.3);
+ }
- 70% {
- -webkit-transform: scale(1);
- transform: scale(1);
- }
+ 70% {
+ -webkit-transform: scale(1);
+ transform: scale(1);
+ }
}
.animate__heartBeat {
- -webkit-animation-name: heartBeat;
- animation-name: heartBeat;
- -webkit-animation-duration: calc(1s * 1.3);
- animation-duration: calc(1s * 1.3);
- -webkit-animation-duration: calc(var(--animate-duration) * 1.3);
- animation-duration: calc(var(--animate-duration) * 1.3);
- -webkit-animation-timing-function: ease-in-out;
- animation-timing-function: ease-in-out;
+ -webkit-animation-name: heartBeat;
+ animation-name: heartBeat;
+ -webkit-animation-duration: calc(1s * 1.3);
+ animation-duration: calc(1s * 1.3);
+ -webkit-animation-duration: calc(var(--animate-duration) * 1.3);
+ animation-duration: calc(var(--animate-duration) * 1.3);
+ -webkit-animation-timing-function: ease-in-out;
+ animation-timing-function: ease-in-out;
}
/* Back entrances */
@-webkit-keyframes backInDown {
- 0% {
- -webkit-transform: translateY(-1200px) scale(0.7);
- transform: translateY(-1200px) scale(0.7);
- opacity: 0.7;
- }
+ 0% {
+ -webkit-transform: translateY(-1200px) scale(0.7);
+ transform: translateY(-1200px) scale(0.7);
+ opacity: 0.7;
+ }
- 80% {
- -webkit-transform: translateY(0px) scale(0.7);
- transform: translateY(0px) scale(0.7);
- opacity: 0.7;
- }
+ 80% {
+ -webkit-transform: translateY(0px) scale(0.7);
+ transform: translateY(0px) scale(0.7);
+ opacity: 0.7;
+ }
- 100% {
- -webkit-transform: scale(1);
- transform: scale(1);
- opacity: 1;
- }
+ 100% {
+ -webkit-transform: scale(1);
+ transform: scale(1);
+ opacity: 1;
+ }
}
@keyframes backInDown {
- 0% {
- -webkit-transform: translateY(-1200px) scale(0.7);
- transform: translateY(-1200px) scale(0.7);
- opacity: 0.7;
- }
+ 0% {
+ -webkit-transform: translateY(-1200px) scale(0.7);
+ transform: translateY(-1200px) scale(0.7);
+ opacity: 0.7;
+ }
- 80% {
- -webkit-transform: translateY(0px) scale(0.7);
- transform: translateY(0px) scale(0.7);
- opacity: 0.7;
- }
+ 80% {
+ -webkit-transform: translateY(0px) scale(0.7);
+ transform: translateY(0px) scale(0.7);
+ opacity: 0.7;
+ }
- 100% {
- -webkit-transform: scale(1);
- transform: scale(1);
- opacity: 1;
- }
+ 100% {
+ -webkit-transform: scale(1);
+ transform: scale(1);
+ opacity: 1;
+ }
}
.animate__backInDown {
- -webkit-animation-name: backInDown;
- animation-name: backInDown;
+ -webkit-animation-name: backInDown;
+ animation-name: backInDown;
}
@-webkit-keyframes backInLeft {
- 0% {
- -webkit-transform: translateX(-2000px) scale(0.7);
- transform: translateX(-2000px) scale(0.7);
- opacity: 0.7;
- }
+ 0% {
+ -webkit-transform: translateX(-2000px) scale(0.7);
+ transform: translateX(-2000px) scale(0.7);
+ opacity: 0.7;
+ }
- 80% {
- -webkit-transform: translateX(0px) scale(0.7);
- transform: translateX(0px) scale(0.7);
- opacity: 0.7;
- }
+ 80% {
+ -webkit-transform: translateX(0px) scale(0.7);
+ transform: translateX(0px) scale(0.7);
+ opacity: 0.7;
+ }
- 100% {
- -webkit-transform: scale(1);
- transform: scale(1);
- opacity: 1;
- }
+ 100% {
+ -webkit-transform: scale(1);
+ transform: scale(1);
+ opacity: 1;
+ }
}
@keyframes backInLeft {
- 0% {
- -webkit-transform: translateX(-2000px) scale(0.7);
- transform: translateX(-2000px) scale(0.7);
- opacity: 0.7;
- }
+ 0% {
+ -webkit-transform: translateX(-2000px) scale(0.7);
+ transform: translateX(-2000px) scale(0.7);
+ opacity: 0.7;
+ }
- 80% {
- -webkit-transform: translateX(0px) scale(0.7);
- transform: translateX(0px) scale(0.7);
- opacity: 0.7;
- }
+ 80% {
+ -webkit-transform: translateX(0px) scale(0.7);
+ transform: translateX(0px) scale(0.7);
+ opacity: 0.7;
+ }
- 100% {
- -webkit-transform: scale(1);
- transform: scale(1);
- opacity: 1;
- }
+ 100% {
+ -webkit-transform: scale(1);
+ transform: scale(1);
+ opacity: 1;
+ }
}
.animate__backInLeft {
- -webkit-animation-name: backInLeft;
- animation-name: backInLeft;
+ -webkit-animation-name: backInLeft;
+ animation-name: backInLeft;
}
@-webkit-keyframes backInRight {
- 0% {
- -webkit-transform: translateX(2000px) scale(0.7);
- transform: translateX(2000px) scale(0.7);
- opacity: 0.7;
- }
+ 0% {
+ -webkit-transform: translateX(2000px) scale(0.7);
+ transform: translateX(2000px) scale(0.7);
+ opacity: 0.7;
+ }
- 80% {
- -webkit-transform: translateX(0px) scale(0.7);
- transform: translateX(0px) scale(0.7);
- opacity: 0.7;
- }
+ 80% {
+ -webkit-transform: translateX(0px) scale(0.7);
+ transform: translateX(0px) scale(0.7);
+ opacity: 0.7;
+ }
- 100% {
- -webkit-transform: scale(1);
- transform: scale(1);
- opacity: 1;
- }
+ 100% {
+ -webkit-transform: scale(1);
+ transform: scale(1);
+ opacity: 1;
+ }
}
@keyframes backInRight {
- 0% {
- -webkit-transform: translateX(2000px) scale(0.7);
- transform: translateX(2000px) scale(0.7);
- opacity: 0.7;
- }
+ 0% {
+ -webkit-transform: translateX(2000px) scale(0.7);
+ transform: translateX(2000px) scale(0.7);
+ opacity: 0.7;
+ }
- 80% {
- -webkit-transform: translateX(0px) scale(0.7);
- transform: translateX(0px) scale(0.7);
- opacity: 0.7;
- }
+ 80% {
+ -webkit-transform: translateX(0px) scale(0.7);
+ transform: translateX(0px) scale(0.7);
+ opacity: 0.7;
+ }
- 100% {
- -webkit-transform: scale(1);
- transform: scale(1);
- opacity: 1;
- }
+ 100% {
+ -webkit-transform: scale(1);
+ transform: scale(1);
+ opacity: 1;
+ }
}
.animate__backInRight {
- -webkit-animation-name: backInRight;
- animation-name: backInRight;
+ -webkit-animation-name: backInRight;
+ animation-name: backInRight;
}
@-webkit-keyframes backInUp {
- 0% {
- -webkit-transform: translateY(1200px) scale(0.7);
- transform: translateY(1200px) scale(0.7);
- opacity: 0.7;
- }
+ 0% {
+ -webkit-transform: translateY(1200px) scale(0.7);
+ transform: translateY(1200px) scale(0.7);
+ opacity: 0.7;
+ }
- 80% {
- -webkit-transform: translateY(0px) scale(0.7);
- transform: translateY(0px) scale(0.7);
- opacity: 0.7;
- }
+ 80% {
+ -webkit-transform: translateY(0px) scale(0.7);
+ transform: translateY(0px) scale(0.7);
+ opacity: 0.7;
+ }
- 100% {
- -webkit-transform: scale(1);
- transform: scale(1);
- opacity: 1;
- }
+ 100% {
+ -webkit-transform: scale(1);
+ transform: scale(1);
+ opacity: 1;
+ }
}
@keyframes backInUp {
- 0% {
- -webkit-transform: translateY(1200px) scale(0.7);
- transform: translateY(1200px) scale(0.7);
- opacity: 0.7;
- }
+ 0% {
+ -webkit-transform: translateY(1200px) scale(0.7);
+ transform: translateY(1200px) scale(0.7);
+ opacity: 0.7;
+ }
- 80% {
- -webkit-transform: translateY(0px) scale(0.7);
- transform: translateY(0px) scale(0.7);
- opacity: 0.7;
- }
+ 80% {
+ -webkit-transform: translateY(0px) scale(0.7);
+ transform: translateY(0px) scale(0.7);
+ opacity: 0.7;
+ }
- 100% {
- -webkit-transform: scale(1);
- transform: scale(1);
- opacity: 1;
- }
+ 100% {
+ -webkit-transform: scale(1);
+ transform: scale(1);
+ opacity: 1;
+ }
}
.animate__backInUp {
- -webkit-animation-name: backInUp;
- animation-name: backInUp;
+ -webkit-animation-name: backInUp;
+ animation-name: backInUp;
}
/* Back exists */
@-webkit-keyframes backOutDown {
- 0% {
- -webkit-transform: scale(1);
- transform: scale(1);
- opacity: 1;
- }
+ 0% {
+ -webkit-transform: scale(1);
+ transform: scale(1);
+ opacity: 1;
+ }
- 20% {
- -webkit-transform: translateY(0px) scale(0.7);
- transform: translateY(0px) scale(0.7);
- opacity: 0.7;
- }
+ 20% {
+ -webkit-transform: translateY(0px) scale(0.7);
+ transform: translateY(0px) scale(0.7);
+ opacity: 0.7;
+ }
- 100% {
- -webkit-transform: translateY(700px) scale(0.7);
- transform: translateY(700px) scale(0.7);
- opacity: 0.7;
- }
+ 100% {
+ -webkit-transform: translateY(700px) scale(0.7);
+ transform: translateY(700px) scale(0.7);
+ opacity: 0.7;
+ }
}
@keyframes backOutDown {
- 0% {
- -webkit-transform: scale(1);
- transform: scale(1);
- opacity: 1;
- }
+ 0% {
+ -webkit-transform: scale(1);
+ transform: scale(1);
+ opacity: 1;
+ }
- 20% {
- -webkit-transform: translateY(0px) scale(0.7);
- transform: translateY(0px) scale(0.7);
- opacity: 0.7;
- }
+ 20% {
+ -webkit-transform: translateY(0px) scale(0.7);
+ transform: translateY(0px) scale(0.7);
+ opacity: 0.7;
+ }
- 100% {
- -webkit-transform: translateY(700px) scale(0.7);
- transform: translateY(700px) scale(0.7);
- opacity: 0.7;
- }
+ 100% {
+ -webkit-transform: translateY(700px) scale(0.7);
+ transform: translateY(700px) scale(0.7);
+ opacity: 0.7;
+ }
}
.animate__backOutDown {
- -webkit-animation-name: backOutDown;
- animation-name: backOutDown;
+ -webkit-animation-name: backOutDown;
+ animation-name: backOutDown;
}
@-webkit-keyframes backOutLeft {
- 0% {
- -webkit-transform: scale(1);
- transform: scale(1);
- opacity: 1;
- }
+ 0% {
+ -webkit-transform: scale(1);
+ transform: scale(1);
+ opacity: 1;
+ }
- 20% {
- -webkit-transform: translateX(0px) scale(0.7);
- transform: translateX(0px) scale(0.7);
- opacity: 0.7;
- }
+ 20% {
+ -webkit-transform: translateX(0px) scale(0.7);
+ transform: translateX(0px) scale(0.7);
+ opacity: 0.7;
+ }
- 100% {
- -webkit-transform: translateX(-2000px) scale(0.7);
- transform: translateX(-2000px) scale(0.7);
- opacity: 0.7;
- }
+ 100% {
+ -webkit-transform: translateX(-2000px) scale(0.7);
+ transform: translateX(-2000px) scale(0.7);
+ opacity: 0.7;
+ }
}
@keyframes backOutLeft {
- 0% {
- -webkit-transform: scale(1);
- transform: scale(1);
- opacity: 1;
- }
+ 0% {
+ -webkit-transform: scale(1);
+ transform: scale(1);
+ opacity: 1;
+ }
- 20% {
- -webkit-transform: translateX(0px) scale(0.7);
- transform: translateX(0px) scale(0.7);
- opacity: 0.7;
- }
+ 20% {
+ -webkit-transform: translateX(0px) scale(0.7);
+ transform: translateX(0px) scale(0.7);
+ opacity: 0.7;
+ }
- 100% {
- -webkit-transform: translateX(-2000px) scale(0.7);
- transform: translateX(-2000px) scale(0.7);
- opacity: 0.7;
- }
+ 100% {
+ -webkit-transform: translateX(-2000px) scale(0.7);
+ transform: translateX(-2000px) scale(0.7);
+ opacity: 0.7;
+ }
}
.animate__backOutLeft {
- -webkit-animation-name: backOutLeft;
- animation-name: backOutLeft;
+ -webkit-animation-name: backOutLeft;
+ animation-name: backOutLeft;
}
@-webkit-keyframes backOutRight {
- 0% {
- -webkit-transform: scale(1);
- transform: scale(1);
- opacity: 1;
- }
+ 0% {
+ -webkit-transform: scale(1);
+ transform: scale(1);
+ opacity: 1;
+ }
- 20% {
- -webkit-transform: translateX(0px) scale(0.7);
- transform: translateX(0px) scale(0.7);
- opacity: 0.7;
- }
+ 20% {
+ -webkit-transform: translateX(0px) scale(0.7);
+ transform: translateX(0px) scale(0.7);
+ opacity: 0.7;
+ }
- 100% {
- -webkit-transform: translateX(2000px) scale(0.7);
- transform: translateX(2000px) scale(0.7);
- opacity: 0.7;
- }
+ 100% {
+ -webkit-transform: translateX(2000px) scale(0.7);
+ transform: translateX(2000px) scale(0.7);
+ opacity: 0.7;
+ }
}
@keyframes backOutRight {
- 0% {
- -webkit-transform: scale(1);
- transform: scale(1);
- opacity: 1;
- }
+ 0% {
+ -webkit-transform: scale(1);
+ transform: scale(1);
+ opacity: 1;
+ }
- 20% {
- -webkit-transform: translateX(0px) scale(0.7);
- transform: translateX(0px) scale(0.7);
- opacity: 0.7;
- }
+ 20% {
+ -webkit-transform: translateX(0px) scale(0.7);
+ transform: translateX(0px) scale(0.7);
+ opacity: 0.7;
+ }
- 100% {
- -webkit-transform: translateX(2000px) scale(0.7);
- transform: translateX(2000px) scale(0.7);
- opacity: 0.7;
- }
+ 100% {
+ -webkit-transform: translateX(2000px) scale(0.7);
+ transform: translateX(2000px) scale(0.7);
+ opacity: 0.7;
+ }
}
.animate__backOutRight {
- -webkit-animation-name: backOutRight;
- animation-name: backOutRight;
+ -webkit-animation-name: backOutRight;
+ animation-name: backOutRight;
}
@-webkit-keyframes backOutUp {
- 0% {
- -webkit-transform: scale(1);
- transform: scale(1);
- opacity: 1;
- }
+ 0% {
+ -webkit-transform: scale(1);
+ transform: scale(1);
+ opacity: 1;
+ }
- 20% {
- -webkit-transform: translateY(0px) scale(0.7);
- transform: translateY(0px) scale(0.7);
- opacity: 0.7;
- }
+ 20% {
+ -webkit-transform: translateY(0px) scale(0.7);
+ transform: translateY(0px) scale(0.7);
+ opacity: 0.7;
+ }
- 100% {
- -webkit-transform: translateY(-700px) scale(0.7);
- transform: translateY(-700px) scale(0.7);
- opacity: 0.7;
- }
+ 100% {
+ -webkit-transform: translateY(-700px) scale(0.7);
+ transform: translateY(-700px) scale(0.7);
+ opacity: 0.7;
+ }
}
@keyframes backOutUp {
- 0% {
- -webkit-transform: scale(1);
- transform: scale(1);
- opacity: 1;
- }
+ 0% {
+ -webkit-transform: scale(1);
+ transform: scale(1);
+ opacity: 1;
+ }
- 20% {
- -webkit-transform: translateY(0px) scale(0.7);
- transform: translateY(0px) scale(0.7);
- opacity: 0.7;
- }
+ 20% {
+ -webkit-transform: translateY(0px) scale(0.7);
+ transform: translateY(0px) scale(0.7);
+ opacity: 0.7;
+ }
- 100% {
- -webkit-transform: translateY(-700px) scale(0.7);
- transform: translateY(-700px) scale(0.7);
- opacity: 0.7;
- }
+ 100% {
+ -webkit-transform: translateY(-700px) scale(0.7);
+ transform: translateY(-700px) scale(0.7);
+ opacity: 0.7;
+ }
}
.animate__backOutUp {
- -webkit-animation-name: backOutUp;
- animation-name: backOutUp;
+ -webkit-animation-name: backOutUp;
+ animation-name: backOutUp;
}
-/* Bouncing entrances */
+/* Bouncing entrances */
@-webkit-keyframes bounceIn {
- from,
- 20%,
- 40%,
- 60%,
- 80%,
- to {
- -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
- animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
- }
+ from,
+ 20%,
+ 40%,
+ 60%,
+ 80%,
+ to {
+ -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
+ animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
+ }
- 0% {
- opacity: 0;
- -webkit-transform: scale3d(0.3, 0.3, 0.3);
- transform: scale3d(0.3, 0.3, 0.3);
- }
+ 0% {
+ opacity: 0;
+ -webkit-transform: scale3d(0.3, 0.3, 0.3);
+ transform: scale3d(0.3, 0.3, 0.3);
+ }
- 20% {
- -webkit-transform: scale3d(1.1, 1.1, 1.1);
- transform: scale3d(1.1, 1.1, 1.1);
- }
+ 20% {
+ -webkit-transform: scale3d(1.1, 1.1, 1.1);
+ transform: scale3d(1.1, 1.1, 1.1);
+ }
- 40% {
- -webkit-transform: scale3d(0.9, 0.9, 0.9);
- transform: scale3d(0.9, 0.9, 0.9);
- }
+ 40% {
+ -webkit-transform: scale3d(0.9, 0.9, 0.9);
+ transform: scale3d(0.9, 0.9, 0.9);
+ }
- 60% {
- opacity: 1;
- -webkit-transform: scale3d(1.03, 1.03, 1.03);
- transform: scale3d(1.03, 1.03, 1.03);
- }
+ 60% {
+ opacity: 1;
+ -webkit-transform: scale3d(1.03, 1.03, 1.03);
+ transform: scale3d(1.03, 1.03, 1.03);
+ }
- 80% {
- -webkit-transform: scale3d(0.97, 0.97, 0.97);
- transform: scale3d(0.97, 0.97, 0.97);
- }
+ 80% {
+ -webkit-transform: scale3d(0.97, 0.97, 0.97);
+ transform: scale3d(0.97, 0.97, 0.97);
+ }
- to {
- opacity: 1;
- -webkit-transform: scale3d(1, 1, 1);
- transform: scale3d(1, 1, 1);
- }
+ to {
+ opacity: 1;
+ -webkit-transform: scale3d(1, 1, 1);
+ transform: scale3d(1, 1, 1);
+ }
}
@keyframes bounceIn {
- from,
- 20%,
- 40%,
- 60%,
- 80%,
- to {
- -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
- animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
- }
+ from,
+ 20%,
+ 40%,
+ 60%,
+ 80%,
+ to {
+ -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
+ animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
+ }
- 0% {
- opacity: 0;
- -webkit-transform: scale3d(0.3, 0.3, 0.3);
- transform: scale3d(0.3, 0.3, 0.3);
- }
+ 0% {
+ opacity: 0;
+ -webkit-transform: scale3d(0.3, 0.3, 0.3);
+ transform: scale3d(0.3, 0.3, 0.3);
+ }
- 20% {
- -webkit-transform: scale3d(1.1, 1.1, 1.1);
- transform: scale3d(1.1, 1.1, 1.1);
- }
+ 20% {
+ -webkit-transform: scale3d(1.1, 1.1, 1.1);
+ transform: scale3d(1.1, 1.1, 1.1);
+ }
- 40% {
- -webkit-transform: scale3d(0.9, 0.9, 0.9);
- transform: scale3d(0.9, 0.9, 0.9);
- }
+ 40% {
+ -webkit-transform: scale3d(0.9, 0.9, 0.9);
+ transform: scale3d(0.9, 0.9, 0.9);
+ }
- 60% {
- opacity: 1;
- -webkit-transform: scale3d(1.03, 1.03, 1.03);
- transform: scale3d(1.03, 1.03, 1.03);
- }
+ 60% {
+ opacity: 1;
+ -webkit-transform: scale3d(1.03, 1.03, 1.03);
+ transform: scale3d(1.03, 1.03, 1.03);
+ }
- 80% {
- -webkit-transform: scale3d(0.97, 0.97, 0.97);
- transform: scale3d(0.97, 0.97, 0.97);
- }
+ 80% {
+ -webkit-transform: scale3d(0.97, 0.97, 0.97);
+ transform: scale3d(0.97, 0.97, 0.97);
+ }
- to {
- opacity: 1;
- -webkit-transform: scale3d(1, 1, 1);
- transform: scale3d(1, 1, 1);
- }
+ to {
+ opacity: 1;
+ -webkit-transform: scale3d(1, 1, 1);
+ transform: scale3d(1, 1, 1);
+ }
}
.animate__bounceIn {
- -webkit-animation-duration: calc(1s * 0.75);
- animation-duration: calc(1s * 0.75);
- -webkit-animation-duration: calc(var(--animate-duration) * 0.75);
- animation-duration: calc(var(--animate-duration) * 0.75);
- -webkit-animation-name: bounceIn;
- animation-name: bounceIn;
+ -webkit-animation-duration: calc(1s * 0.75);
+ animation-duration: calc(1s * 0.75);
+ -webkit-animation-duration: calc(var(--animate-duration) * 0.75);
+ animation-duration: calc(var(--animate-duration) * 0.75);
+ -webkit-animation-name: bounceIn;
+ animation-name: bounceIn;
}
@-webkit-keyframes bounceInDown {
- from,
- 60%,
- 75%,
- 90%,
- to {
- -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
- animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
- }
+ from,
+ 60%,
+ 75%,
+ 90%,
+ to {
+ -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
+ animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
+ }
- 0% {
- opacity: 0;
- -webkit-transform: translate3d(0, -3000px, 0) scaleY(3);
- transform: translate3d(0, -3000px, 0) scaleY(3);
- }
+ 0% {
+ opacity: 0;
+ -webkit-transform: translate3d(0, -3000px, 0) scaleY(3);
+ transform: translate3d(0, -3000px, 0) scaleY(3);
+ }
- 60% {
- opacity: 1;
- -webkit-transform: translate3d(0, 25px, 0) scaleY(0.9);
- transform: translate3d(0, 25px, 0) scaleY(0.9);
- }
+ 60% {
+ opacity: 1;
+ -webkit-transform: translate3d(0, 25px, 0) scaleY(0.9);
+ transform: translate3d(0, 25px, 0) scaleY(0.9);
+ }
- 75% {
- -webkit-transform: translate3d(0, -10px, 0) scaleY(0.95);
- transform: translate3d(0, -10px, 0) scaleY(0.95);
- }
+ 75% {
+ -webkit-transform: translate3d(0, -10px, 0) scaleY(0.95);
+ transform: translate3d(0, -10px, 0) scaleY(0.95);
+ }
- 90% {
- -webkit-transform: translate3d(0, 5px, 0) scaleY(0.985);
- transform: translate3d(0, 5px, 0) scaleY(0.985);
- }
+ 90% {
+ -webkit-transform: translate3d(0, 5px, 0) scaleY(0.985);
+ transform: translate3d(0, 5px, 0) scaleY(0.985);
+ }
- to {
- -webkit-transform: translate3d(0, 0, 0);
- transform: translate3d(0, 0, 0);
- }
+ to {
+ -webkit-transform: translate3d(0, 0, 0);
+ transform: translate3d(0, 0, 0);
+ }
}
@keyframes bounceInDown {
- from,
- 60%,
- 75%,
- 90%,
- to {
- -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
- animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
- }
+ from,
+ 60%,
+ 75%,
+ 90%,
+ to {
+ -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
+ animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
+ }
- 0% {
- opacity: 0;
- -webkit-transform: translate3d(0, -3000px, 0) scaleY(3);
- transform: translate3d(0, -3000px, 0) scaleY(3);
- }
+ 0% {
+ opacity: 0;
+ -webkit-transform: translate3d(0, -3000px, 0) scaleY(3);
+ transform: translate3d(0, -3000px, 0) scaleY(3);
+ }
- 60% {
- opacity: 1;
- -webkit-transform: translate3d(0, 25px, 0) scaleY(0.9);
- transform: translate3d(0, 25px, 0) scaleY(0.9);
- }
+ 60% {
+ opacity: 1;
+ -webkit-transform: translate3d(0, 25px, 0) scaleY(0.9);
+ transform: translate3d(0, 25px, 0) scaleY(0.9);
+ }
- 75% {
- -webkit-transform: translate3d(0, -10px, 0) scaleY(0.95);
- transform: translate3d(0, -10px, 0) scaleY(0.95);
- }
+ 75% {
+ -webkit-transform: translate3d(0, -10px, 0) scaleY(0.95);
+ transform: translate3d(0, -10px, 0) scaleY(0.95);
+ }
- 90% {
- -webkit-transform: translate3d(0, 5px, 0) scaleY(0.985);
- transform: translate3d(0, 5px, 0) scaleY(0.985);
- }
+ 90% {
+ -webkit-transform: translate3d(0, 5px, 0) scaleY(0.985);
+ transform: translate3d(0, 5px, 0) scaleY(0.985);
+ }
- to {
- -webkit-transform: translate3d(0, 0, 0);
- transform: translate3d(0, 0, 0);
- }
+ to {
+ -webkit-transform: translate3d(0, 0, 0);
+ transform: translate3d(0, 0, 0);
+ }
}
.animate__bounceInDown {
- -webkit-animation-name: bounceInDown;
- animation-name: bounceInDown;
+ -webkit-animation-name: bounceInDown;
+ animation-name: bounceInDown;
}
@-webkit-keyframes bounceInLeft {
- from,
- 60%,
- 75%,
- 90%,
- to {
- -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
- animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
- }
+ from,
+ 60%,
+ 75%,
+ 90%,
+ to {
+ -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
+ animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
+ }
- 0% {
- opacity: 0;
- -webkit-transform: translate3d(-3000px, 0, 0) scaleX(3);
- transform: translate3d(-3000px, 0, 0) scaleX(3);
- }
+ 0% {
+ opacity: 0;
+ -webkit-transform: translate3d(-3000px, 0, 0) scaleX(3);
+ transform: translate3d(-3000px, 0, 0) scaleX(3);
+ }
- 60% {
- opacity: 1;
- -webkit-transform: translate3d(25px, 0, 0) scaleX(1);
- transform: translate3d(25px, 0, 0) scaleX(1);
- }
+ 60% {
+ opacity: 1;
+ -webkit-transform: translate3d(25px, 0, 0) scaleX(1);
+ transform: translate3d(25px, 0, 0) scaleX(1);
+ }
- 75% {
- -webkit-transform: translate3d(-10px, 0, 0) scaleX(0.98);
- transform: translate3d(-10px, 0, 0) scaleX(0.98);
- }
+ 75% {
+ -webkit-transform: translate3d(-10px, 0, 0) scaleX(0.98);
+ transform: translate3d(-10px, 0, 0) scaleX(0.98);
+ }
- 90% {
- -webkit-transform: translate3d(5px, 0, 0) scaleX(0.995);
- transform: translate3d(5px, 0, 0) scaleX(0.995);
- }
+ 90% {
+ -webkit-transform: translate3d(5px, 0, 0) scaleX(0.995);
+ transform: translate3d(5px, 0, 0) scaleX(0.995);
+ }
- to {
- -webkit-transform: translate3d(0, 0, 0);
- transform: translate3d(0, 0, 0);
- }
+ to {
+ -webkit-transform: translate3d(0, 0, 0);
+ transform: translate3d(0, 0, 0);
+ }
}
@keyframes bounceInLeft {
- from,
- 60%,
- 75%,
- 90%,
- to {
- -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
- animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
- }
+ from,
+ 60%,
+ 75%,
+ 90%,
+ to {
+ -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
+ animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
+ }
- 0% {
- opacity: 0;
- -webkit-transform: translate3d(-3000px, 0, 0) scaleX(3);
- transform: translate3d(-3000px, 0, 0) scaleX(3);
- }
+ 0% {
+ opacity: 0;
+ -webkit-transform: translate3d(-3000px, 0, 0) scaleX(3);
+ transform: translate3d(-3000px, 0, 0) scaleX(3);
+ }
- 60% {
- opacity: 1;
- -webkit-transform: translate3d(25px, 0, 0) scaleX(1);
- transform: translate3d(25px, 0, 0) scaleX(1);
- }
+ 60% {
+ opacity: 1;
+ -webkit-transform: translate3d(25px, 0, 0) scaleX(1);
+ transform: translate3d(25px, 0, 0) scaleX(1);
+ }
- 75% {
- -webkit-transform: translate3d(-10px, 0, 0) scaleX(0.98);
- transform: translate3d(-10px, 0, 0) scaleX(0.98);
- }
+ 75% {
+ -webkit-transform: translate3d(-10px, 0, 0) scaleX(0.98);
+ transform: translate3d(-10px, 0, 0) scaleX(0.98);
+ }
- 90% {
- -webkit-transform: translate3d(5px, 0, 0) scaleX(0.995);
- transform: translate3d(5px, 0, 0) scaleX(0.995);
- }
+ 90% {
+ -webkit-transform: translate3d(5px, 0, 0) scaleX(0.995);
+ transform: translate3d(5px, 0, 0) scaleX(0.995);
+ }
- to {
- -webkit-transform: translate3d(0, 0, 0);
- transform: translate3d(0, 0, 0);
- }
+ to {
+ -webkit-transform: translate3d(0, 0, 0);
+ transform: translate3d(0, 0, 0);
+ }
}
.animate__bounceInLeft {
- -webkit-animation-name: bounceInLeft;
- animation-name: bounceInLeft;
+ -webkit-animation-name: bounceInLeft;
+ animation-name: bounceInLeft;
}
@-webkit-keyframes bounceInRight {
- from,
- 60%,
- 75%,
- 90%,
- to {
- -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
- animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
- }
+ from,
+ 60%,
+ 75%,
+ 90%,
+ to {
+ -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
+ animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
+ }
- from {
- opacity: 0;
- -webkit-transform: translate3d(3000px, 0, 0) scaleX(3);
- transform: translate3d(3000px, 0, 0) scaleX(3);
- }
+ from {
+ opacity: 0;
+ -webkit-transform: translate3d(3000px, 0, 0) scaleX(3);
+ transform: translate3d(3000px, 0, 0) scaleX(3);
+ }
- 60% {
- opacity: 1;
- -webkit-transform: translate3d(-25px, 0, 0) scaleX(1);
- transform: translate3d(-25px, 0, 0) scaleX(1);
- }
+ 60% {
+ opacity: 1;
+ -webkit-transform: translate3d(-25px, 0, 0) scaleX(1);
+ transform: translate3d(-25px, 0, 0) scaleX(1);
+ }
- 75% {
- -webkit-transform: translate3d(10px, 0, 0) scaleX(0.98);
- transform: translate3d(10px, 0, 0) scaleX(0.98);
- }
+ 75% {
+ -webkit-transform: translate3d(10px, 0, 0) scaleX(0.98);
+ transform: translate3d(10px, 0, 0) scaleX(0.98);
+ }
- 90% {
- -webkit-transform: translate3d(-5px, 0, 0) scaleX(0.995);
- transform: translate3d(-5px, 0, 0) scaleX(0.995);
- }
+ 90% {
+ -webkit-transform: translate3d(-5px, 0, 0) scaleX(0.995);
+ transform: translate3d(-5px, 0, 0) scaleX(0.995);
+ }
- to {
- -webkit-transform: translate3d(0, 0, 0);
- transform: translate3d(0, 0, 0);
- }
+ to {
+ -webkit-transform: translate3d(0, 0, 0);
+ transform: translate3d(0, 0, 0);
+ }
}
@keyframes bounceInRight {
- from,
- 60%,
- 75%,
- 90%,
- to {
- -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
- animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
- }
+ from,
+ 60%,
+ 75%,
+ 90%,
+ to {
+ -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
+ animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
+ }
- from {
- opacity: 0;
- -webkit-transform: translate3d(3000px, 0, 0) scaleX(3);
- transform: translate3d(3000px, 0, 0) scaleX(3);
- }
+ from {
+ opacity: 0;
+ -webkit-transform: translate3d(3000px, 0, 0) scaleX(3);
+ transform: translate3d(3000px, 0, 0) scaleX(3);
+ }
- 60% {
- opacity: 1;
- -webkit-transform: translate3d(-25px, 0, 0) scaleX(1);
- transform: translate3d(-25px, 0, 0) scaleX(1);
- }
+ 60% {
+ opacity: 1;
+ -webkit-transform: translate3d(-25px, 0, 0) scaleX(1);
+ transform: translate3d(-25px, 0, 0) scaleX(1);
+ }
- 75% {
- -webkit-transform: translate3d(10px, 0, 0) scaleX(0.98);
- transform: translate3d(10px, 0, 0) scaleX(0.98);
- }
+ 75% {
+ -webkit-transform: translate3d(10px, 0, 0) scaleX(0.98);
+ transform: translate3d(10px, 0, 0) scaleX(0.98);
+ }
- 90% {
- -webkit-transform: translate3d(-5px, 0, 0) scaleX(0.995);
- transform: translate3d(-5px, 0, 0) scaleX(0.995);
- }
+ 90% {
+ -webkit-transform: translate3d(-5px, 0, 0) scaleX(0.995);
+ transform: translate3d(-5px, 0, 0) scaleX(0.995);
+ }
- to {
- -webkit-transform: translate3d(0, 0, 0);
- transform: translate3d(0, 0, 0);
- }
+ to {
+ -webkit-transform: translate3d(0, 0, 0);
+ transform: translate3d(0, 0, 0);
+ }
}
.animate__bounceInRight {
- -webkit-animation-name: bounceInRight;
- animation-name: bounceInRight;
+ -webkit-animation-name: bounceInRight;
+ animation-name: bounceInRight;
}
@-webkit-keyframes bounceInUp {
- from,
- 60%,
- 75%,
- 90%,
- to {
- -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
- animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
- }
+ from,
+ 60%,
+ 75%,
+ 90%,
+ to {
+ -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
+ animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
+ }
- from {
- opacity: 0;
- -webkit-transform: translate3d(0, 3000px, 0) scaleY(5);
- transform: translate3d(0, 3000px, 0) scaleY(5);
- }
+ from {
+ opacity: 0;
+ -webkit-transform: translate3d(0, 3000px, 0) scaleY(5);
+ transform: translate3d(0, 3000px, 0) scaleY(5);
+ }
- 60% {
- opacity: 1;
- -webkit-transform: translate3d(0, -20px, 0) scaleY(0.9);
- transform: translate3d(0, -20px, 0) scaleY(0.9);
- }
+ 60% {
+ opacity: 1;
+ -webkit-transform: translate3d(0, -20px, 0) scaleY(0.9);
+ transform: translate3d(0, -20px, 0) scaleY(0.9);
+ }
- 75% {
- -webkit-transform: translate3d(0, 10px, 0) scaleY(0.95);
- transform: translate3d(0, 10px, 0) scaleY(0.95);
- }
+ 75% {
+ -webkit-transform: translate3d(0, 10px, 0) scaleY(0.95);
+ transform: translate3d(0, 10px, 0) scaleY(0.95);
+ }
- 90% {
- -webkit-transform: translate3d(0, -5px, 0) scaleY(0.985);
- transform: translate3d(0, -5px, 0) scaleY(0.985);
- }
+ 90% {
+ -webkit-transform: translate3d(0, -5px, 0) scaleY(0.985);
+ transform: translate3d(0, -5px, 0) scaleY(0.985);
+ }
- to {
- -webkit-transform: translate3d(0, 0, 0);
- transform: translate3d(0, 0, 0);
- }
+ to {
+ -webkit-transform: translate3d(0, 0, 0);
+ transform: translate3d(0, 0, 0);
+ }
}
@keyframes bounceInUp {
- from,
- 60%,
- 75%,
- 90%,
- to {
- -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
- animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
- }
+ from,
+ 60%,
+ 75%,
+ 90%,
+ to {
+ -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
+ animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
+ }
- from {
- opacity: 0;
- -webkit-transform: translate3d(0, 3000px, 0) scaleY(5);
- transform: translate3d(0, 3000px, 0) scaleY(5);
- }
+ from {
+ opacity: 0;
+ -webkit-transform: translate3d(0, 3000px, 0) scaleY(5);
+ transform: translate3d(0, 3000px, 0) scaleY(5);
+ }
- 60% {
- opacity: 1;
- -webkit-transform: translate3d(0, -20px, 0) scaleY(0.9);
- transform: translate3d(0, -20px, 0) scaleY(0.9);
- }
+ 60% {
+ opacity: 1;
+ -webkit-transform: translate3d(0, -20px, 0) scaleY(0.9);
+ transform: translate3d(0, -20px, 0) scaleY(0.9);
+ }
- 75% {
- -webkit-transform: translate3d(0, 10px, 0) scaleY(0.95);
- transform: translate3d(0, 10px, 0) scaleY(0.95);
- }
+ 75% {
+ -webkit-transform: translate3d(0, 10px, 0) scaleY(0.95);
+ transform: translate3d(0, 10px, 0) scaleY(0.95);
+ }
- 90% {
- -webkit-transform: translate3d(0, -5px, 0) scaleY(0.985);
- transform: translate3d(0, -5px, 0) scaleY(0.985);
- }
+ 90% {
+ -webkit-transform: translate3d(0, -5px, 0) scaleY(0.985);
+ transform: translate3d(0, -5px, 0) scaleY(0.985);
+ }
- to {
- -webkit-transform: translate3d(0, 0, 0);
- transform: translate3d(0, 0, 0);
- }
+ to {
+ -webkit-transform: translate3d(0, 0, 0);
+ transform: translate3d(0, 0, 0);
+ }
}
.animate__bounceInUp {
- -webkit-animation-name: bounceInUp;
- animation-name: bounceInUp;
+ -webkit-animation-name: bounceInUp;
+ animation-name: bounceInUp;
}
-/* Bouncing exits */
+/* Bouncing exits */
@-webkit-keyframes bounceOut {
- 20% {
- -webkit-transform: scale3d(0.9, 0.9, 0.9);
- transform: scale3d(0.9, 0.9, 0.9);
- }
+ 20% {
+ -webkit-transform: scale3d(0.9, 0.9, 0.9);
+ transform: scale3d(0.9, 0.9, 0.9);
+ }
- 50%,
- 55% {
- opacity: 1;
- -webkit-transform: scale3d(1.1, 1.1, 1.1);
- transform: scale3d(1.1, 1.1, 1.1);
- }
+ 50%,
+ 55% {
+ opacity: 1;
+ -webkit-transform: scale3d(1.1, 1.1, 1.1);
+ transform: scale3d(1.1, 1.1, 1.1);
+ }
- to {
- opacity: 0;
- -webkit-transform: scale3d(0.3, 0.3, 0.3);
- transform: scale3d(0.3, 0.3, 0.3);
- }
+ to {
+ opacity: 0;
+ -webkit-transform: scale3d(0.3, 0.3, 0.3);
+ transform: scale3d(0.3, 0.3, 0.3);
+ }
}
@keyframes bounceOut {
- 20% {
- -webkit-transform: scale3d(0.9, 0.9, 0.9);
- transform: scale3d(0.9, 0.9, 0.9);
- }
+ 20% {
+ -webkit-transform: scale3d(0.9, 0.9, 0.9);
+ transform: scale3d(0.9, 0.9, 0.9);
+ }
- 50%,
- 55% {
- opacity: 1;
- -webkit-transform: scale3d(1.1, 1.1, 1.1);
- transform: scale3d(1.1, 1.1, 1.1);
- }
+ 50%,
+ 55% {
+ opacity: 1;
+ -webkit-transform: scale3d(1.1, 1.1, 1.1);
+ transform: scale3d(1.1, 1.1, 1.1);
+ }
- to {
- opacity: 0;
- -webkit-transform: scale3d(0.3, 0.3, 0.3);
- transform: scale3d(0.3, 0.3, 0.3);
- }
+ to {
+ opacity: 0;
+ -webkit-transform: scale3d(0.3, 0.3, 0.3);
+ transform: scale3d(0.3, 0.3, 0.3);
+ }
}
.animate__bounceOut {
- -webkit-animation-duration: calc(1s * 0.75);
- animation-duration: calc(1s * 0.75);
- -webkit-animation-duration: calc(var(--animate-duration) * 0.75);
- animation-duration: calc(var(--animate-duration) * 0.75);
- -webkit-animation-name: bounceOut;
- animation-name: bounceOut;
+ -webkit-animation-duration: calc(1s * 0.75);
+ animation-duration: calc(1s * 0.75);
+ -webkit-animation-duration: calc(var(--animate-duration) * 0.75);
+ animation-duration: calc(var(--animate-duration) * 0.75);
+ -webkit-animation-name: bounceOut;
+ animation-name: bounceOut;
}
@-webkit-keyframes bounceOutDown {
- 20% {
- -webkit-transform: translate3d(0, 10px, 0) scaleY(0.985);
- transform: translate3d(0, 10px, 0) scaleY(0.985);
- }
+ 20% {
+ -webkit-transform: translate3d(0, 10px, 0) scaleY(0.985);
+ transform: translate3d(0, 10px, 0) scaleY(0.985);
+ }
- 40%,
- 45% {
- opacity: 1;
- -webkit-transform: translate3d(0, -20px, 0) scaleY(0.9);
- transform: translate3d(0, -20px, 0) scaleY(0.9);
- }
+ 40%,
+ 45% {
+ opacity: 1;
+ -webkit-transform: translate3d(0, -20px, 0) scaleY(0.9);
+ transform: translate3d(0, -20px, 0) scaleY(0.9);
+ }
- to {
- opacity: 0;
- -webkit-transform: translate3d(0, 2000px, 0) scaleY(3);
- transform: translate3d(0, 2000px, 0) scaleY(3);
- }
+ to {
+ opacity: 0;
+ -webkit-transform: translate3d(0, 2000px, 0) scaleY(3);
+ transform: translate3d(0, 2000px, 0) scaleY(3);
+ }
}
@keyframes bounceOutDown {
- 20% {
- -webkit-transform: translate3d(0, 10px, 0) scaleY(0.985);
- transform: translate3d(0, 10px, 0) scaleY(0.985);
- }
+ 20% {
+ -webkit-transform: translate3d(0, 10px, 0) scaleY(0.985);
+ transform: translate3d(0, 10px, 0) scaleY(0.985);
+ }
- 40%,
- 45% {
- opacity: 1;
- -webkit-transform: translate3d(0, -20px, 0) scaleY(0.9);
- transform: translate3d(0, -20px, 0) scaleY(0.9);
- }
+ 40%,
+ 45% {
+ opacity: 1;
+ -webkit-transform: translate3d(0, -20px, 0) scaleY(0.9);
+ transform: translate3d(0, -20px, 0) scaleY(0.9);
+ }
- to {
- opacity: 0;
- -webkit-transform: translate3d(0, 2000px, 0) scaleY(3);
- transform: translate3d(0, 2000px, 0) scaleY(3);
- }
+ to {
+ opacity: 0;
+ -webkit-transform: translate3d(0, 2000px, 0) scaleY(3);
+ transform: translate3d(0, 2000px, 0) scaleY(3);
+ }
}
.animate__bounceOutDown {
- -webkit-animation-name: bounceOutDown;
- animation-name: bounceOutDown;
+ -webkit-animation-name: bounceOutDown;
+ animation-name: bounceOutDown;
}
@-webkit-keyframes bounceOutLeft {
- 20% {
- opacity: 1;
- -webkit-transform: translate3d(20px, 0, 0) scaleX(0.9);
- transform: translate3d(20px, 0, 0) scaleX(0.9);
- }
+ 20% {
+ opacity: 1;
+ -webkit-transform: translate3d(20px, 0, 0) scaleX(0.9);
+ transform: translate3d(20px, 0, 0) scaleX(0.9);
+ }
- to {
- opacity: 0;
- -webkit-transform: translate3d(-2000px, 0, 0) scaleX(2);
- transform: translate3d(-2000px, 0, 0) scaleX(2);
- }
+ to {
+ opacity: 0;
+ -webkit-transform: translate3d(-2000px, 0, 0) scaleX(2);
+ transform: translate3d(-2000px, 0, 0) scaleX(2);
+ }
}
@keyframes bounceOutLeft {
- 20% {
- opacity: 1;
- -webkit-transform: translate3d(20px, 0, 0) scaleX(0.9);
- transform: translate3d(20px, 0, 0) scaleX(0.9);
- }
+ 20% {
+ opacity: 1;
+ -webkit-transform: translate3d(20px, 0, 0) scaleX(0.9);
+ transform: translate3d(20px, 0, 0) scaleX(0.9);
+ }
- to {
- opacity: 0;
- -webkit-transform: translate3d(-2000px, 0, 0) scaleX(2);
- transform: translate3d(-2000px, 0, 0) scaleX(2);
- }
+ to {
+ opacity: 0;
+ -webkit-transform: translate3d(-2000px, 0, 0) scaleX(2);
+ transform: translate3d(-2000px, 0, 0) scaleX(2);
+ }
}
.animate__bounceOutLeft {
- -webkit-animation-name: bounceOutLeft;
- animation-name: bounceOutLeft;
+ -webkit-animation-name: bounceOutLeft;
+ animation-name: bounceOutLeft;
}
@-webkit-keyframes bounceOutRight {
- 20% {
- opacity: 1;
- -webkit-transform: translate3d(-20px, 0, 0) scaleX(0.9);
- transform: translate3d(-20px, 0, 0) scaleX(0.9);
- }
+ 20% {
+ opacity: 1;
+ -webkit-transform: translate3d(-20px, 0, 0) scaleX(0.9);
+ transform: translate3d(-20px, 0, 0) scaleX(0.9);
+ }
- to {
- opacity: 0;
- -webkit-transform: translate3d(2000px, 0, 0) scaleX(2);
- transform: translate3d(2000px, 0, 0) scaleX(2);
- }
+ to {
+ opacity: 0;
+ -webkit-transform: translate3d(2000px, 0, 0) scaleX(2);
+ transform: translate3d(2000px, 0, 0) scaleX(2);
+ }
}
@keyframes bounceOutRight {
- 20% {
- opacity: 1;
- -webkit-transform: translate3d(-20px, 0, 0) scaleX(0.9);
- transform: translate3d(-20px, 0, 0) scaleX(0.9);
- }
+ 20% {
+ opacity: 1;
+ -webkit-transform: translate3d(-20px, 0, 0) scaleX(0.9);
+ transform: translate3d(-20px, 0, 0) scaleX(0.9);
+ }
- to {
- opacity: 0;
- -webkit-transform: translate3d(2000px, 0, 0) scaleX(2);
- transform: translate3d(2000px, 0, 0) scaleX(2);
- }
+ to {
+ opacity: 0;
+ -webkit-transform: translate3d(2000px, 0, 0) scaleX(2);
+ transform: translate3d(2000px, 0, 0) scaleX(2);
+ }
}
.animate__bounceOutRight {
- -webkit-animation-name: bounceOutRight;
- animation-name: bounceOutRight;
+ -webkit-animation-name: bounceOutRight;
+ animation-name: bounceOutRight;
}
@-webkit-keyframes bounceOutUp {
- 20% {
- -webkit-transform: translate3d(0, -10px, 0) scaleY(0.985);
- transform: translate3d(0, -10px, 0) scaleY(0.985);
- }
+ 20% {
+ -webkit-transform: translate3d(0, -10px, 0) scaleY(0.985);
+ transform: translate3d(0, -10px, 0) scaleY(0.985);
+ }
- 40%,
- 45% {
- opacity: 1;
- -webkit-transform: translate3d(0, 20px, 0) scaleY(0.9);
- transform: translate3d(0, 20px, 0) scaleY(0.9);
- }
+ 40%,
+ 45% {
+ opacity: 1;
+ -webkit-transform: translate3d(0, 20px, 0) scaleY(0.9);
+ transform: translate3d(0, 20px, 0) scaleY(0.9);
+ }
- to {
- opacity: 0;
- -webkit-transform: translate3d(0, -2000px, 0) scaleY(3);
- transform: translate3d(0, -2000px, 0) scaleY(3);
- }
+ to {
+ opacity: 0;
+ -webkit-transform: translate3d(0, -2000px, 0) scaleY(3);
+ transform: translate3d(0, -2000px, 0) scaleY(3);
+ }
}
@keyframes bounceOutUp {
- 20% {
- -webkit-transform: translate3d(0, -10px, 0) scaleY(0.985);
- transform: translate3d(0, -10px, 0) scaleY(0.985);
- }
+ 20% {
+ -webkit-transform: translate3d(0, -10px, 0) scaleY(0.985);
+ transform: translate3d(0, -10px, 0) scaleY(0.985);
+ }
- 40%,
- 45% {
- opacity: 1;
- -webkit-transform: translate3d(0, 20px, 0) scaleY(0.9);
- transform: translate3d(0, 20px, 0) scaleY(0.9);
- }
+ 40%,
+ 45% {
+ opacity: 1;
+ -webkit-transform: translate3d(0, 20px, 0) scaleY(0.9);
+ transform: translate3d(0, 20px, 0) scaleY(0.9);
+ }
- to {
- opacity: 0;
- -webkit-transform: translate3d(0, -2000px, 0) scaleY(3);
- transform: translate3d(0, -2000px, 0) scaleY(3);
- }
+ to {
+ opacity: 0;
+ -webkit-transform: translate3d(0, -2000px, 0) scaleY(3);
+ transform: translate3d(0, -2000px, 0) scaleY(3);
+ }
}
.animate__bounceOutUp {
- -webkit-animation-name: bounceOutUp;
- animation-name: bounceOutUp;
+ -webkit-animation-name: bounceOutUp;
+ animation-name: bounceOutUp;
}
-/* Fading entrances */
+/* Fading entrances */
@-webkit-keyframes fadeIn {
- from {
- opacity: 0;
- }
+ from {
+ opacity: 0;
+ }
- to {
- opacity: 1;
- }
+ to {
+ opacity: 1;
+ }
}
@keyframes fadeIn {
- from {
- opacity: 0;
- }
+ from {
+ opacity: 0;
+ }
- to {
- opacity: 1;
- }
+ to {
+ opacity: 1;
+ }
}
.animate__fadeIn {
- -webkit-animation-name: fadeIn;
- animation-name: fadeIn;
+ -webkit-animation-name: fadeIn;
+ animation-name: fadeIn;
}
@-webkit-keyframes fadeInDown {
- from {
- opacity: 0;
- -webkit-transform: translate3d(0, -100%, 0);
- transform: translate3d(0, -100%, 0);
- }
+ from {
+ opacity: 0;
+ -webkit-transform: translate3d(0, -100%, 0);
+ transform: translate3d(0, -100%, 0);
+ }
- to {
- opacity: 1;
- -webkit-transform: translate3d(0, 0, 0);
- transform: translate3d(0, 0, 0);
- }
+ to {
+ opacity: 1;
+ -webkit-transform: translate3d(0, 0, 0);
+ transform: translate3d(0, 0, 0);
+ }
}
@keyframes fadeInDown {
- from {
- opacity: 0;
- -webkit-transform: translate3d(0, -100%, 0);
- transform: translate3d(0, -100%, 0);
- }
+ from {
+ opacity: 0;
+ -webkit-transform: translate3d(0, -100%, 0);
+ transform: translate3d(0, -100%, 0);
+ }
- to {
- opacity: 1;
- -webkit-transform: translate3d(0, 0, 0);
- transform: translate3d(0, 0, 0);
- }
+ to {
+ opacity: 1;
+ -webkit-transform: translate3d(0, 0, 0);
+ transform: translate3d(0, 0, 0);
+ }
}
.animate__fadeInDown {
- -webkit-animation-name: fadeInDown;
- animation-name: fadeInDown;
+ -webkit-animation-name: fadeInDown;
+ animation-name: fadeInDown;
}
@-webkit-keyframes fadeInDownBig {
- from {
- opacity: 0;
- -webkit-transform: translate3d(0, -2000px, 0);
- transform: translate3d(0, -2000px, 0);
- }
+ from {
+ opacity: 0;
+ -webkit-transform: translate3d(0, -2000px, 0);
+ transform: translate3d(0, -2000px, 0);
+ }
- to {
- opacity: 1;
- -webkit-transform: translate3d(0, 0, 0);
- transform: translate3d(0, 0, 0);
- }
+ to {
+ opacity: 1;
+ -webkit-transform: translate3d(0, 0, 0);
+ transform: translate3d(0, 0, 0);
+ }
}
@keyframes fadeInDownBig {
- from {
- opacity: 0;
- -webkit-transform: translate3d(0, -2000px, 0);
- transform: translate3d(0, -2000px, 0);
- }
+ from {
+ opacity: 0;
+ -webkit-transform: translate3d(0, -2000px, 0);
+ transform: translate3d(0, -2000px, 0);
+ }
- to {
- opacity: 1;
- -webkit-transform: translate3d(0, 0, 0);
- transform: translate3d(0, 0, 0);
- }
+ to {
+ opacity: 1;
+ -webkit-transform: translate3d(0, 0, 0);
+ transform: translate3d(0, 0, 0);
+ }
}
.animate__fadeInDownBig {
- -webkit-animation-name: fadeInDownBig;
- animation-name: fadeInDownBig;
+ -webkit-animation-name: fadeInDownBig;
+ animation-name: fadeInDownBig;
}
@-webkit-keyframes fadeInLeft {
- from {
- opacity: 0;
- -webkit-transform: translate3d(-100%, 0, 0);
- transform: translate3d(-100%, 0, 0);
- }
+ from {
+ opacity: 0;
+ -webkit-transform: translate3d(-100%, 0, 0);
+ transform: translate3d(-100%, 0, 0);
+ }
- to {
- opacity: 1;
- -webkit-transform: translate3d(0, 0, 0);
- transform: translate3d(0, 0, 0);
- }
+ to {
+ opacity: 1;
+ -webkit-transform: translate3d(0, 0, 0);
+ transform: translate3d(0, 0, 0);
+ }
}
@keyframes fadeInLeft {
- from {
- opacity: 0;
- -webkit-transform: translate3d(-100%, 0, 0);
- transform: translate3d(-100%, 0, 0);
- }
+ from {
+ opacity: 0;
+ -webkit-transform: translate3d(-100%, 0, 0);
+ transform: translate3d(-100%, 0, 0);
+ }
- to {
- opacity: 1;
- -webkit-transform: translate3d(0, 0, 0);
- transform: translate3d(0, 0, 0);
- }
+ to {
+ opacity: 1;
+ -webkit-transform: translate3d(0, 0, 0);
+ transform: translate3d(0, 0, 0);
+ }
}
.animate__fadeInLeft {
- -webkit-animation-name: fadeInLeft;
- animation-name: fadeInLeft;
+ -webkit-animation-name: fadeInLeft;
+ animation-name: fadeInLeft;
}
@-webkit-keyframes fadeInLeftBig {
- from {
- opacity: 0;
- -webkit-transform: translate3d(-2000px, 0, 0);
- transform: translate3d(-2000px, 0, 0);
- }
+ from {
+ opacity: 0;
+ -webkit-transform: translate3d(-2000px, 0, 0);
+ transform: translate3d(-2000px, 0, 0);
+ }
- to {
- opacity: 1;
- -webkit-transform: translate3d(0, 0, 0);
- transform: translate3d(0, 0, 0);
- }
+ to {
+ opacity: 1;
+ -webkit-transform: translate3d(0, 0, 0);
+ transform: translate3d(0, 0, 0);
+ }
}
@keyframes fadeInLeftBig {
- from {
- opacity: 0;
- -webkit-transform: translate3d(-2000px, 0, 0);
- transform: translate3d(-2000px, 0, 0);
- }
+ from {
+ opacity: 0;
+ -webkit-transform: translate3d(-2000px, 0, 0);
+ transform: translate3d(-2000px, 0, 0);
+ }
- to {
- opacity: 1;
- -webkit-transform: translate3d(0, 0, 0);
- transform: translate3d(0, 0, 0);
- }
+ to {
+ opacity: 1;
+ -webkit-transform: translate3d(0, 0, 0);
+ transform: translate3d(0, 0, 0);
+ }
}
.animate__fadeInLeftBig {
- -webkit-animation-name: fadeInLeftBig;
- animation-name: fadeInLeftBig;
+ -webkit-animation-name: fadeInLeftBig;
+ animation-name: fadeInLeftBig;
}
@-webkit-keyframes fadeInRight {
- from {
- opacity: 0;
- -webkit-transform: translate3d(100%, 0, 0);
- transform: translate3d(100%, 0, 0);
- }
+ from {
+ opacity: 0;
+ -webkit-transform: translate3d(100%, 0, 0);
+ transform: translate3d(100%, 0, 0);
+ }
- to {
- opacity: 1;
- -webkit-transform: translate3d(0, 0, 0);
- transform: translate3d(0, 0, 0);
- }
+ to {
+ opacity: 1;
+ -webkit-transform: translate3d(0, 0, 0);
+ transform: translate3d(0, 0, 0);
+ }
}
@keyframes fadeInRight {
- from {
- opacity: 0;
- -webkit-transform: translate3d(100%, 0, 0);
- transform: translate3d(100%, 0, 0);
- }
+ from {
+ opacity: 0;
+ -webkit-transform: translate3d(100%, 0, 0);
+ transform: translate3d(100%, 0, 0);
+ }
- to {
- opacity: 1;
- -webkit-transform: translate3d(0, 0, 0);
- transform: translate3d(0, 0, 0);
- }
+ to {
+ opacity: 1;
+ -webkit-transform: translate3d(0, 0, 0);
+ transform: translate3d(0, 0, 0);
+ }
}
.animate__fadeInRight {
- -webkit-animation-name: fadeInRight;
- animation-name: fadeInRight;
+ -webkit-animation-name: fadeInRight;
+ animation-name: fadeInRight;
}
@-webkit-keyframes fadeInRightBig {
- from {
- opacity: 0;
- -webkit-transform: translate3d(2000px, 0, 0);
- transform: translate3d(2000px, 0, 0);
- }
+ from {
+ opacity: 0;
+ -webkit-transform: translate3d(2000px, 0, 0);
+ transform: translate3d(2000px, 0, 0);
+ }
- to {
- opacity: 1;
- -webkit-transform: translate3d(0, 0, 0);
- transform: translate3d(0, 0, 0);
- }
+ to {
+ opacity: 1;
+ -webkit-transform: translate3d(0, 0, 0);
+ transform: translate3d(0, 0, 0);
+ }
}
@keyframes fadeInRightBig {
- from {
- opacity: 0;
- -webkit-transform: translate3d(2000px, 0, 0);
- transform: translate3d(2000px, 0, 0);
- }
+ from {
+ opacity: 0;
+ -webkit-transform: translate3d(2000px, 0, 0);
+ transform: translate3d(2000px, 0, 0);
+ }
- to {
- opacity: 1;
- -webkit-transform: translate3d(0, 0, 0);
- transform: translate3d(0, 0, 0);
- }
+ to {
+ opacity: 1;
+ -webkit-transform: translate3d(0, 0, 0);
+ transform: translate3d(0, 0, 0);
+ }
}
.animate__fadeInRightBig {
- -webkit-animation-name: fadeInRightBig;
- animation-name: fadeInRightBig;
+ -webkit-animation-name: fadeInRightBig;
+ animation-name: fadeInRightBig;
}
@-webkit-keyframes fadeInUp {
- from {
- opacity: 0;
- -webkit-transform: translate3d(0, 100%, 0);
- transform: translate3d(0, 100%, 0);
- }
+ from {
+ opacity: 0;
+ -webkit-transform: translate3d(0, 100%, 0);
+ transform: translate3d(0, 100%, 0);
+ }
- to {
- opacity: 1;
- -webkit-transform: translate3d(0, 0, 0);
- transform: translate3d(0, 0, 0);
- }
+ to {
+ opacity: 1;
+ -webkit-transform: translate3d(0, 0, 0);
+ transform: translate3d(0, 0, 0);
+ }
}
@keyframes fadeInUp {
- from {
- opacity: 0;
- -webkit-transform: translate3d(0, 100%, 0);
- transform: translate3d(0, 100%, 0);
- }
+ from {
+ opacity: 0;
+ -webkit-transform: translate3d(0, 100%, 0);
+ transform: translate3d(0, 100%, 0);
+ }
- to {
- opacity: 1;
- -webkit-transform: translate3d(0, 0, 0);
- transform: translate3d(0, 0, 0);
- }
+ to {
+ opacity: 1;
+ -webkit-transform: translate3d(0, 0, 0);
+ transform: translate3d(0, 0, 0);
+ }
}
.animate__fadeInUp {
- -webkit-animation-name: fadeInUp;
- animation-name: fadeInUp;
+ -webkit-animation-name: fadeInUp;
+ animation-name: fadeInUp;
}
@-webkit-keyframes fadeInUpBig {
- from {
- opacity: 0;
- -webkit-transform: translate3d(0, 2000px, 0);
- transform: translate3d(0, 2000px, 0);
- }
+ from {
+ opacity: 0;
+ -webkit-transform: translate3d(0, 2000px, 0);
+ transform: translate3d(0, 2000px, 0);
+ }
- to {
- opacity: 1;
- -webkit-transform: translate3d(0, 0, 0);
- transform: translate3d(0, 0, 0);
- }
+ to {
+ opacity: 1;
+ -webkit-transform: translate3d(0, 0, 0);
+ transform: translate3d(0, 0, 0);
+ }
}
@keyframes fadeInUpBig {
- from {
- opacity: 0;
- -webkit-transform: translate3d(0, 2000px, 0);
- transform: translate3d(0, 2000px, 0);
- }
+ from {
+ opacity: 0;
+ -webkit-transform: translate3d(0, 2000px, 0);
+ transform: translate3d(0, 2000px, 0);
+ }
- to {
- opacity: 1;
- -webkit-transform: translate3d(0, 0, 0);
- transform: translate3d(0, 0, 0);
- }
+ to {
+ opacity: 1;
+ -webkit-transform: translate3d(0, 0, 0);
+ transform: translate3d(0, 0, 0);
+ }
}
.animate__fadeInUpBig {
- -webkit-animation-name: fadeInUpBig;
- animation-name: fadeInUpBig;
+ -webkit-animation-name: fadeInUpBig;
+ animation-name: fadeInUpBig;
}
@-webkit-keyframes fadeInTopLeft {
- from {
- opacity: 0;
- -webkit-transform: translate3d(-100%, -100%, 0);
- transform: translate3d(-100%, -100%, 0);
- }
- to {
- opacity: 1;
- -webkit-transform: translate3d(0, 0, 0);
- transform: translate3d(0, 0, 0);
- }
+ from {
+ opacity: 0;
+ -webkit-transform: translate3d(-100%, -100%, 0);
+ transform: translate3d(-100%, -100%, 0);
+ }
+ to {
+ opacity: 1;
+ -webkit-transform: translate3d(0, 0, 0);
+ transform: translate3d(0, 0, 0);
+ }
}
@keyframes fadeInTopLeft {
- from {
- opacity: 0;
- -webkit-transform: translate3d(-100%, -100%, 0);
- transform: translate3d(-100%, -100%, 0);
- }
- to {
- opacity: 1;
- -webkit-transform: translate3d(0, 0, 0);
- transform: translate3d(0, 0, 0);
- }
+ from {
+ opacity: 0;
+ -webkit-transform: translate3d(-100%, -100%, 0);
+ transform: translate3d(-100%, -100%, 0);
+ }
+ to {
+ opacity: 1;
+ -webkit-transform: translate3d(0, 0, 0);
+ transform: translate3d(0, 0, 0);
+ }
}
.animate__fadeInTopLeft {
- -webkit-animation-name: fadeInTopLeft;
- animation-name: fadeInTopLeft;
+ -webkit-animation-name: fadeInTopLeft;
+ animation-name: fadeInTopLeft;
}
@-webkit-keyframes fadeInTopRight {
- from {
- opacity: 0;
- -webkit-transform: translate3d(100%, -100%, 0);
- transform: translate3d(100%, -100%, 0);
- }
- to {
- opacity: 1;
- -webkit-transform: translate3d(0, 0, 0);
- transform: translate3d(0, 0, 0);
- }
+ from {
+ opacity: 0;
+ -webkit-transform: translate3d(100%, -100%, 0);
+ transform: translate3d(100%, -100%, 0);
+ }
+ to {
+ opacity: 1;
+ -webkit-transform: translate3d(0, 0, 0);
+ transform: translate3d(0, 0, 0);
+ }
}
@keyframes fadeInTopRight {
- from {
- opacity: 0;
- -webkit-transform: translate3d(100%, -100%, 0);
- transform: translate3d(100%, -100%, 0);
- }
- to {
- opacity: 1;
- -webkit-transform: translate3d(0, 0, 0);
- transform: translate3d(0, 0, 0);
- }
+ from {
+ opacity: 0;
+ -webkit-transform: translate3d(100%, -100%, 0);
+ transform: translate3d(100%, -100%, 0);
+ }
+ to {
+ opacity: 1;
+ -webkit-transform: translate3d(0, 0, 0);
+ transform: translate3d(0, 0, 0);
+ }
}
.animate__fadeInTopRight {
- -webkit-animation-name: fadeInTopRight;
- animation-name: fadeInTopRight;
+ -webkit-animation-name: fadeInTopRight;
+ animation-name: fadeInTopRight;
}
@-webkit-keyframes fadeInBottomLeft {
- from {
- opacity: 0;
- -webkit-transform: translate3d(-100%, 100%, 0);
- transform: translate3d(-100%, 100%, 0);
- }
- to {
- opacity: 1;
- -webkit-transform: translate3d(0, 0, 0);
- transform: translate3d(0, 0, 0);
- }
+ from {
+ opacity: 0;
+ -webkit-transform: translate3d(-100%, 100%, 0);
+ transform: translate3d(-100%, 100%, 0);
+ }
+ to {
+ opacity: 1;
+ -webkit-transform: translate3d(0, 0, 0);
+ transform: translate3d(0, 0, 0);
+ }
}
@keyframes fadeInBottomLeft {
- from {
- opacity: 0;
- -webkit-transform: translate3d(-100%, 100%, 0);
- transform: translate3d(-100%, 100%, 0);
- }
- to {
- opacity: 1;
- -webkit-transform: translate3d(0, 0, 0);
- transform: translate3d(0, 0, 0);
- }
+ from {
+ opacity: 0;
+ -webkit-transform: translate3d(-100%, 100%, 0);
+ transform: translate3d(-100%, 100%, 0);
+ }
+ to {
+ opacity: 1;
+ -webkit-transform: translate3d(0, 0, 0);
+ transform: translate3d(0, 0, 0);
+ }
}
.animate__fadeInBottomLeft {
- -webkit-animation-name: fadeInBottomLeft;
- animation-name: fadeInBottomLeft;
+ -webkit-animation-name: fadeInBottomLeft;
+ animation-name: fadeInBottomLeft;
}
@-webkit-keyframes fadeInBottomRight {
- from {
- opacity: 0;
- -webkit-transform: translate3d(100%, 100%, 0);
- transform: translate3d(100%, 100%, 0);
- }
- to {
- opacity: 1;
- -webkit-transform: translate3d(0, 0, 0);
- transform: translate3d(0, 0, 0);
- }
+ from {
+ opacity: 0;
+ -webkit-transform: translate3d(100%, 100%, 0);
+ transform: translate3d(100%, 100%, 0);
+ }
+ to {
+ opacity: 1;
+ -webkit-transform: translate3d(0, 0, 0);
+ transform: translate3d(0, 0, 0);
+ }
}
@keyframes fadeInBottomRight {
- from {
- opacity: 0;
- -webkit-transform: translate3d(100%, 100%, 0);
- transform: translate3d(100%, 100%, 0);
- }
- to {
- opacity: 1;
- -webkit-transform: translate3d(0, 0, 0);
- transform: translate3d(0, 0, 0);
- }
+ from {
+ opacity: 0;
+ -webkit-transform: translate3d(100%, 100%, 0);
+ transform: translate3d(100%, 100%, 0);
+ }
+ to {
+ opacity: 1;
+ -webkit-transform: translate3d(0, 0, 0);
+ transform: translate3d(0, 0, 0);
+ }
}
.animate__fadeInBottomRight {
- -webkit-animation-name: fadeInBottomRight;
- animation-name: fadeInBottomRight;
+ -webkit-animation-name: fadeInBottomRight;
+ animation-name: fadeInBottomRight;
}
/* Fading exits */
@-webkit-keyframes fadeOut {
- from {
- opacity: 1;
- }
+ from {
+ opacity: 1;
+ }
- to {
- opacity: 0;
- }
+ to {
+ opacity: 0;
+ }
}
@keyframes fadeOut {
- from {
- opacity: 1;
- }
+ from {
+ opacity: 1;
+ }
- to {
- opacity: 0;
- }
+ to {
+ opacity: 0;
+ }
}
.animate__fadeOut {
- -webkit-animation-name: fadeOut;
- animation-name: fadeOut;
+ -webkit-animation-name: fadeOut;
+ animation-name: fadeOut;
}
@-webkit-keyframes fadeOutDown {
- from {
- opacity: 1;
- }
+ from {
+ opacity: 1;
+ }
- to {
- opacity: 0;
- -webkit-transform: translate3d(0, 100%, 0);
- transform: translate3d(0, 100%, 0);
- }
+ to {
+ opacity: 0;
+ -webkit-transform: translate3d(0, 100%, 0);
+ transform: translate3d(0, 100%, 0);
+ }
}
@keyframes fadeOutDown {
- from {
- opacity: 1;
- }
+ from {
+ opacity: 1;
+ }
- to {
- opacity: 0;
- -webkit-transform: translate3d(0, 100%, 0);
- transform: translate3d(0, 100%, 0);
- }
+ to {
+ opacity: 0;
+ -webkit-transform: translate3d(0, 100%, 0);
+ transform: translate3d(0, 100%, 0);
+ }
}
.animate__fadeOutDown {
- -webkit-animation-name: fadeOutDown;
- animation-name: fadeOutDown;
+ -webkit-animation-name: fadeOutDown;
+ animation-name: fadeOutDown;
}
@-webkit-keyframes fadeOutDownBig {
- from {
- opacity: 1;
- }
+ from {
+ opacity: 1;
+ }
- to {
- opacity: 0;
- -webkit-transform: translate3d(0, 2000px, 0);
- transform: translate3d(0, 2000px, 0);
- }
+ to {
+ opacity: 0;
+ -webkit-transform: translate3d(0, 2000px, 0);
+ transform: translate3d(0, 2000px, 0);
+ }
}
@keyframes fadeOutDownBig {
- from {
- opacity: 1;
- }
+ from {
+ opacity: 1;
+ }
- to {
- opacity: 0;
- -webkit-transform: translate3d(0, 2000px, 0);
- transform: translate3d(0, 2000px, 0);
- }
+ to {
+ opacity: 0;
+ -webkit-transform: translate3d(0, 2000px, 0);
+ transform: translate3d(0, 2000px, 0);
+ }
}
.animate__fadeOutDownBig {
- -webkit-animation-name: fadeOutDownBig;
- animation-name: fadeOutDownBig;
+ -webkit-animation-name: fadeOutDownBig;
+ animation-name: fadeOutDownBig;
}
@-webkit-keyframes fadeOutLeft {
- from {
- opacity: 1;
- }
+ from {
+ opacity: 1;
+ }
- to {
- opacity: 0;
- -webkit-transform: translate3d(-100%, 0, 0);
- transform: translate3d(-100%, 0, 0);
- }
+ to {
+ opacity: 0;
+ -webkit-transform: translate3d(-100%, 0, 0);
+ transform: translate3d(-100%, 0, 0);
+ }
}
@keyframes fadeOutLeft {
- from {
- opacity: 1;
- }
+ from {
+ opacity: 1;
+ }
- to {
- opacity: 0;
- -webkit-transform: translate3d(-100%, 0, 0);
- transform: translate3d(-100%, 0, 0);
- }
+ to {
+ opacity: 0;
+ -webkit-transform: translate3d(-100%, 0, 0);
+ transform: translate3d(-100%, 0, 0);
+ }
}
.animate__fadeOutLeft {
- -webkit-animation-name: fadeOutLeft;
- animation-name: fadeOutLeft;
+ -webkit-animation-name: fadeOutLeft;
+ animation-name: fadeOutLeft;
}
@-webkit-keyframes fadeOutLeftBig {
- from {
- opacity: 1;
- }
+ from {
+ opacity: 1;
+ }
- to {
- opacity: 0;
- -webkit-transform: translate3d(-2000px, 0, 0);
- transform: translate3d(-2000px, 0, 0);
- }
+ to {
+ opacity: 0;
+ -webkit-transform: translate3d(-2000px, 0, 0);
+ transform: translate3d(-2000px, 0, 0);
+ }
}
@keyframes fadeOutLeftBig {
- from {
- opacity: 1;
- }
+ from {
+ opacity: 1;
+ }
- to {
- opacity: 0;
- -webkit-transform: translate3d(-2000px, 0, 0);
- transform: translate3d(-2000px, 0, 0);
- }
+ to {
+ opacity: 0;
+ -webkit-transform: translate3d(-2000px, 0, 0);
+ transform: translate3d(-2000px, 0, 0);
+ }
}
.animate__fadeOutLeftBig {
- -webkit-animation-name: fadeOutLeftBig;
- animation-name: fadeOutLeftBig;
+ -webkit-animation-name: fadeOutLeftBig;
+ animation-name: fadeOutLeftBig;
}
@-webkit-keyframes fadeOutRight {
- from {
- opacity: 1;
- }
+ from {
+ opacity: 1;
+ }
- to {
- opacity: 0;
- -webkit-transform: translate3d(100%, 0, 0);
- transform: translate3d(100%, 0, 0);
- }
+ to {
+ opacity: 0;
+ -webkit-transform: translate3d(100%, 0, 0);
+ transform: translate3d(100%, 0, 0);
+ }
}
@keyframes fadeOutRight {
- from {
- opacity: 1;
- }
+ from {
+ opacity: 1;
+ }
- to {
- opacity: 0;
- -webkit-transform: translate3d(100%, 0, 0);
- transform: translate3d(100%, 0, 0);
- }
+ to {
+ opacity: 0;
+ -webkit-transform: translate3d(100%, 0, 0);
+ transform: translate3d(100%, 0, 0);
+ }
}
.animate__fadeOutRight {
- -webkit-animation-name: fadeOutRight;
- animation-name: fadeOutRight;
+ -webkit-animation-name: fadeOutRight;
+ animation-name: fadeOutRight;
}
@-webkit-keyframes fadeOutRightBig {
- from {
- opacity: 1;
- }
+ from {
+ opacity: 1;
+ }
- to {
- opacity: 0;
- -webkit-transform: translate3d(2000px, 0, 0);
- transform: translate3d(2000px, 0, 0);
- }
+ to {
+ opacity: 0;
+ -webkit-transform: translate3d(2000px, 0, 0);
+ transform: translate3d(2000px, 0, 0);
+ }
}
@keyframes fadeOutRightBig {
- from {
- opacity: 1;
- }
+ from {
+ opacity: 1;
+ }
- to {
- opacity: 0;
- -webkit-transform: translate3d(2000px, 0, 0);
- transform: translate3d(2000px, 0, 0);
- }
+ to {
+ opacity: 0;
+ -webkit-transform: translate3d(2000px, 0, 0);
+ transform: translate3d(2000px, 0, 0);
+ }
}
.animate__fadeOutRightBig {
- -webkit-animation-name: fadeOutRightBig;
- animation-name: fadeOutRightBig;
+ -webkit-animation-name: fadeOutRightBig;
+ animation-name: fadeOutRightBig;
}
@-webkit-keyframes fadeOutUp {
- from {
- opacity: 1;
- }
+ from {
+ opacity: 1;
+ }
- to {
- opacity: 0;
- -webkit-transform: translate3d(0, -100%, 0);
- transform: translate3d(0, -100%, 0);
- }
+ to {
+ opacity: 0;
+ -webkit-transform: translate3d(0, -100%, 0);
+ transform: translate3d(0, -100%, 0);
+ }
}
@keyframes fadeOutUp {
- from {
- opacity: 1;
- }
+ from {
+ opacity: 1;
+ }
- to {
- opacity: 0;
- -webkit-transform: translate3d(0, -100%, 0);
- transform: translate3d(0, -100%, 0);
- }
+ to {
+ opacity: 0;
+ -webkit-transform: translate3d(0, -100%, 0);
+ transform: translate3d(0, -100%, 0);
+ }
}
.animate__fadeOutUp {
- -webkit-animation-name: fadeOutUp;
- animation-name: fadeOutUp;
+ -webkit-animation-name: fadeOutUp;
+ animation-name: fadeOutUp;
}
@-webkit-keyframes fadeOutUpBig {
- from {
- opacity: 1;
- }
+ from {
+ opacity: 1;
+ }
- to {
- opacity: 0;
- -webkit-transform: translate3d(0, -2000px, 0);
- transform: translate3d(0, -2000px, 0);
- }
+ to {
+ opacity: 0;
+ -webkit-transform: translate3d(0, -2000px, 0);
+ transform: translate3d(0, -2000px, 0);
+ }
}
@keyframes fadeOutUpBig {
- from {
- opacity: 1;
- }
+ from {
+ opacity: 1;
+ }
- to {
- opacity: 0;
- -webkit-transform: translate3d(0, -2000px, 0);
- transform: translate3d(0, -2000px, 0);
- }
+ to {
+ opacity: 0;
+ -webkit-transform: translate3d(0, -2000px, 0);
+ transform: translate3d(0, -2000px, 0);
+ }
}
.animate__fadeOutUpBig {
- -webkit-animation-name: fadeOutUpBig;
- animation-name: fadeOutUpBig;
+ -webkit-animation-name: fadeOutUpBig;
+ animation-name: fadeOutUpBig;
}
@-webkit-keyframes fadeOutTopLeft {
- from {
- opacity: 1;
- -webkit-transform: translate3d(0, 0, 0);
- transform: translate3d(0, 0, 0);
- }
- to {
- opacity: 0;
- -webkit-transform: translate3d(-100%, -100%, 0);
- transform: translate3d(-100%, -100%, 0);
- }
+ from {
+ opacity: 1;
+ -webkit-transform: translate3d(0, 0, 0);
+ transform: translate3d(0, 0, 0);
+ }
+ to {
+ opacity: 0;
+ -webkit-transform: translate3d(-100%, -100%, 0);
+ transform: translate3d(-100%, -100%, 0);
+ }
}
@keyframes fadeOutTopLeft {
- from {
- opacity: 1;
- -webkit-transform: translate3d(0, 0, 0);
- transform: translate3d(0, 0, 0);
- }
- to {
- opacity: 0;
- -webkit-transform: translate3d(-100%, -100%, 0);
- transform: translate3d(-100%, -100%, 0);
- }
+ from {
+ opacity: 1;
+ -webkit-transform: translate3d(0, 0, 0);
+ transform: translate3d(0, 0, 0);
+ }
+ to {
+ opacity: 0;
+ -webkit-transform: translate3d(-100%, -100%, 0);
+ transform: translate3d(-100%, -100%, 0);
+ }
}
.animate__fadeOutTopLeft {
- -webkit-animation-name: fadeOutTopLeft;
- animation-name: fadeOutTopLeft;
+ -webkit-animation-name: fadeOutTopLeft;
+ animation-name: fadeOutTopLeft;
}
@-webkit-keyframes fadeOutTopRight {
- from {
- opacity: 1;
- -webkit-transform: translate3d(0, 0, 0);
- transform: translate3d(0, 0, 0);
- }
- to {
- opacity: 0;
- -webkit-transform: translate3d(100%, -100%, 0);
- transform: translate3d(100%, -100%, 0);
- }
+ from {
+ opacity: 1;
+ -webkit-transform: translate3d(0, 0, 0);
+ transform: translate3d(0, 0, 0);
+ }
+ to {
+ opacity: 0;
+ -webkit-transform: translate3d(100%, -100%, 0);
+ transform: translate3d(100%, -100%, 0);
+ }
}
@keyframes fadeOutTopRight {
- from {
- opacity: 1;
- -webkit-transform: translate3d(0, 0, 0);
- transform: translate3d(0, 0, 0);
- }
- to {
- opacity: 0;
- -webkit-transform: translate3d(100%, -100%, 0);
- transform: translate3d(100%, -100%, 0);
- }
+ from {
+ opacity: 1;
+ -webkit-transform: translate3d(0, 0, 0);
+ transform: translate3d(0, 0, 0);
+ }
+ to {
+ opacity: 0;
+ -webkit-transform: translate3d(100%, -100%, 0);
+ transform: translate3d(100%, -100%, 0);
+ }
}
.animate__fadeOutTopRight {
- -webkit-animation-name: fadeOutTopRight;
- animation-name: fadeOutTopRight;
+ -webkit-animation-name: fadeOutTopRight;
+ animation-name: fadeOutTopRight;
}
@-webkit-keyframes fadeOutBottomRight {
- from {
- opacity: 1;
- -webkit-transform: translate3d(0, 0, 0);
- transform: translate3d(0, 0, 0);
- }
- to {
- opacity: 0;
- -webkit-transform: translate3d(100%, 100%, 0);
- transform: translate3d(100%, 100%, 0);
- }
+ from {
+ opacity: 1;
+ -webkit-transform: translate3d(0, 0, 0);
+ transform: translate3d(0, 0, 0);
+ }
+ to {
+ opacity: 0;
+ -webkit-transform: translate3d(100%, 100%, 0);
+ transform: translate3d(100%, 100%, 0);
+ }
}
@keyframes fadeOutBottomRight {
- from {
- opacity: 1;
- -webkit-transform: translate3d(0, 0, 0);
- transform: translate3d(0, 0, 0);
- }
- to {
- opacity: 0;
- -webkit-transform: translate3d(100%, 100%, 0);
- transform: translate3d(100%, 100%, 0);
- }
+ from {
+ opacity: 1;
+ -webkit-transform: translate3d(0, 0, 0);
+ transform: translate3d(0, 0, 0);
+ }
+ to {
+ opacity: 0;
+ -webkit-transform: translate3d(100%, 100%, 0);
+ transform: translate3d(100%, 100%, 0);
+ }
}
.animate__fadeOutBottomRight {
- -webkit-animation-name: fadeOutBottomRight;
- animation-name: fadeOutBottomRight;
+ -webkit-animation-name: fadeOutBottomRight;
+ animation-name: fadeOutBottomRight;
}
@-webkit-keyframes fadeOutBottomLeft {
- from {
- opacity: 1;
- -webkit-transform: translate3d(0, 0, 0);
- transform: translate3d(0, 0, 0);
- }
- to {
- opacity: 0;
- -webkit-transform: translate3d(-100%, 100%, 0);
- transform: translate3d(-100%, 100%, 0);
- }
+ from {
+ opacity: 1;
+ -webkit-transform: translate3d(0, 0, 0);
+ transform: translate3d(0, 0, 0);
+ }
+ to {
+ opacity: 0;
+ -webkit-transform: translate3d(-100%, 100%, 0);
+ transform: translate3d(-100%, 100%, 0);
+ }
}
@keyframes fadeOutBottomLeft {
- from {
- opacity: 1;
- -webkit-transform: translate3d(0, 0, 0);
- transform: translate3d(0, 0, 0);
- }
- to {
- opacity: 0;
- -webkit-transform: translate3d(-100%, 100%, 0);
- transform: translate3d(-100%, 100%, 0);
- }
+ from {
+ opacity: 1;
+ -webkit-transform: translate3d(0, 0, 0);
+ transform: translate3d(0, 0, 0);
+ }
+ to {
+ opacity: 0;
+ -webkit-transform: translate3d(-100%, 100%, 0);
+ transform: translate3d(-100%, 100%, 0);
+ }
}
.animate__fadeOutBottomLeft {
- -webkit-animation-name: fadeOutBottomLeft;
- animation-name: fadeOutBottomLeft;
+ -webkit-animation-name: fadeOutBottomLeft;
+ animation-name: fadeOutBottomLeft;
}
/* Flippers */
@-webkit-keyframes flip {
- from {
- -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);
- transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);
- -webkit-animation-timing-function: ease-out;
- animation-timing-function: ease-out;
- }
+ from {
+ -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);
+ transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);
+ -webkit-animation-timing-function: ease-out;
+ animation-timing-function: ease-out;
+ }
- 40% {
- -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
- rotate3d(0, 1, 0, -190deg);
- transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
- rotate3d(0, 1, 0, -190deg);
- -webkit-animation-timing-function: ease-out;
- animation-timing-function: ease-out;
- }
+ 40% {
+ -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
+ rotate3d(0, 1, 0, -190deg);
+ transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
+ rotate3d(0, 1, 0, -190deg);
+ -webkit-animation-timing-function: ease-out;
+ animation-timing-function: ease-out;
+ }
- 50% {
- -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
- rotate3d(0, 1, 0, -170deg);
- transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
- rotate3d(0, 1, 0, -170deg);
- -webkit-animation-timing-function: ease-in;
- animation-timing-function: ease-in;
- }
+ 50% {
+ -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
+ rotate3d(0, 1, 0, -170deg);
+ transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
+ rotate3d(0, 1, 0, -170deg);
+ -webkit-animation-timing-function: ease-in;
+ animation-timing-function: ease-in;
+ }
- 80% {
- -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0)
- rotate3d(0, 1, 0, 0deg);
- transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0)
- rotate3d(0, 1, 0, 0deg);
- -webkit-animation-timing-function: ease-in;
- animation-timing-function: ease-in;
- }
+ 80% {
+ -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0)
+ rotate3d(0, 1, 0, 0deg);
+ transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0)
+ rotate3d(0, 1, 0, 0deg);
+ -webkit-animation-timing-function: ease-in;
+ animation-timing-function: ease-in;
+ }
- to {
- -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
- transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
- -webkit-animation-timing-function: ease-in;
- animation-timing-function: ease-in;
- }
+ to {
+ -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
+ transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
+ -webkit-animation-timing-function: ease-in;
+ animation-timing-function: ease-in;
+ }
}
@keyframes flip {
- from {
- -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);
- transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);
- -webkit-animation-timing-function: ease-out;
- animation-timing-function: ease-out;
- }
+ from {
+ -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);
+ transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);
+ -webkit-animation-timing-function: ease-out;
+ animation-timing-function: ease-out;
+ }
- 40% {
- -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
- rotate3d(0, 1, 0, -190deg);
- transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
- rotate3d(0, 1, 0, -190deg);
- -webkit-animation-timing-function: ease-out;
- animation-timing-function: ease-out;
- }
+ 40% {
+ -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
+ rotate3d(0, 1, 0, -190deg);
+ transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
+ rotate3d(0, 1, 0, -190deg);
+ -webkit-animation-timing-function: ease-out;
+ animation-timing-function: ease-out;
+ }
- 50% {
- -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
- rotate3d(0, 1, 0, -170deg);
- transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
- rotate3d(0, 1, 0, -170deg);
- -webkit-animation-timing-function: ease-in;
- animation-timing-function: ease-in;
- }
+ 50% {
+ -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
+ rotate3d(0, 1, 0, -170deg);
+ transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
+ rotate3d(0, 1, 0, -170deg);
+ -webkit-animation-timing-function: ease-in;
+ animation-timing-function: ease-in;
+ }
- 80% {
- -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0)
- rotate3d(0, 1, 0, 0deg);
- transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0)
- rotate3d(0, 1, 0, 0deg);
- -webkit-animation-timing-function: ease-in;
- animation-timing-function: ease-in;
- }
+ 80% {
+ -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0)
+ rotate3d(0, 1, 0, 0deg);
+ transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0)
+ rotate3d(0, 1, 0, 0deg);
+ -webkit-animation-timing-function: ease-in;
+ animation-timing-function: ease-in;
+ }
- to {
- -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
- transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
- -webkit-animation-timing-function: ease-in;
- animation-timing-function: ease-in;
- }
+ to {
+ -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
+ transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
+ -webkit-animation-timing-function: ease-in;
+ animation-timing-function: ease-in;
+ }
}
.animate__animated.animate__flip {
- -webkit-backface-visibility: visible;
- backface-visibility: visible;
- -webkit-animation-name: flip;
- animation-name: flip;
+ -webkit-backface-visibility: visible;
+ backface-visibility: visible;
+ -webkit-animation-name: flip;
+ animation-name: flip;
}
@-webkit-keyframes flipInX {
- from {
- -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
- transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
- -webkit-animation-timing-function: ease-in;
- animation-timing-function: ease-in;
- opacity: 0;
- }
+ from {
+ -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
+ transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
+ -webkit-animation-timing-function: ease-in;
+ animation-timing-function: ease-in;
+ opacity: 0;
+ }
- 40% {
- -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
- transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
- -webkit-animation-timing-function: ease-in;
- animation-timing-function: ease-in;
- }
+ 40% {
+ -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
+ transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
+ -webkit-animation-timing-function: ease-in;
+ animation-timing-function: ease-in;
+ }
- 60% {
- -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
- transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
- opacity: 1;
- }
+ 60% {
+ -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
+ transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
+ opacity: 1;
+ }
- 80% {
- -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
- transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
- }
+ 80% {
+ -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
+ transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
+ }
- to {
- -webkit-transform: perspective(400px);
- transform: perspective(400px);
- }
+ to {
+ -webkit-transform: perspective(400px);
+ transform: perspective(400px);
+ }
}
@keyframes flipInX {
- from {
- -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
- transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
- -webkit-animation-timing-function: ease-in;
- animation-timing-function: ease-in;
- opacity: 0;
- }
+ from {
+ -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
+ transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
+ -webkit-animation-timing-function: ease-in;
+ animation-timing-function: ease-in;
+ opacity: 0;
+ }
- 40% {
- -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
- transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
- -webkit-animation-timing-function: ease-in;
- animation-timing-function: ease-in;
- }
+ 40% {
+ -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
+ transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
+ -webkit-animation-timing-function: ease-in;
+ animation-timing-function: ease-in;
+ }
- 60% {
- -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
- transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
- opacity: 1;
- }
+ 60% {
+ -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
+ transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
+ opacity: 1;
+ }
- 80% {
- -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
- transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
- }
+ 80% {
+ -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
+ transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
+ }
- to {
- -webkit-transform: perspective(400px);
- transform: perspective(400px);
- }
+ to {
+ -webkit-transform: perspective(400px);
+ transform: perspective(400px);
+ }
}
.animate__flipInX {
- -webkit-backface-visibility: visible !important;
- backface-visibility: visible !important;
- -webkit-animation-name: flipInX;
- animation-name: flipInX;
+ -webkit-backface-visibility: visible !important;
+ backface-visibility: visible !important;
+ -webkit-animation-name: flipInX;
+ animation-name: flipInX;
}
@-webkit-keyframes flipInY {
- from {
- -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
- transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
- -webkit-animation-timing-function: ease-in;
- animation-timing-function: ease-in;
- opacity: 0;
- }
+ from {
+ -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
+ transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
+ -webkit-animation-timing-function: ease-in;
+ animation-timing-function: ease-in;
+ opacity: 0;
+ }
- 40% {
- -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
- transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
- -webkit-animation-timing-function: ease-in;
- animation-timing-function: ease-in;
- }
+ 40% {
+ -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
+ transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
+ -webkit-animation-timing-function: ease-in;
+ animation-timing-function: ease-in;
+ }
- 60% {
- -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
- transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
- opacity: 1;
- }
+ 60% {
+ -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
+ transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
+ opacity: 1;
+ }
- 80% {
- -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
- transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
- }
+ 80% {
+ -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
+ transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
+ }
- to {
- -webkit-transform: perspective(400px);
- transform: perspective(400px);
- }
+ to {
+ -webkit-transform: perspective(400px);
+ transform: perspective(400px);
+ }
}
@keyframes flipInY {
- from {
- -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
- transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
- -webkit-animation-timing-function: ease-in;
- animation-timing-function: ease-in;
- opacity: 0;
- }
+ from {
+ -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
+ transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
+ -webkit-animation-timing-function: ease-in;
+ animation-timing-function: ease-in;
+ opacity: 0;
+ }
- 40% {
- -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
- transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
- -webkit-animation-timing-function: ease-in;
- animation-timing-function: ease-in;
- }
+ 40% {
+ -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
+ transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
+ -webkit-animation-timing-function: ease-in;
+ animation-timing-function: ease-in;
+ }
- 60% {
- -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
- transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
- opacity: 1;
- }
+ 60% {
+ -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
+ transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
+ opacity: 1;
+ }
- 80% {
- -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
- transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
- }
+ 80% {
+ -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
+ transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
+ }
- to {
- -webkit-transform: perspective(400px);
- transform: perspective(400px);
- }
+ to {
+ -webkit-transform: perspective(400px);
+ transform: perspective(400px);
+ }
}
.animate__flipInY {
- -webkit-backface-visibility: visible !important;
- backface-visibility: visible !important;
- -webkit-animation-name: flipInY;
- animation-name: flipInY;
+ -webkit-backface-visibility: visible !important;
+ backface-visibility: visible !important;
+ -webkit-animation-name: flipInY;
+ animation-name: flipInY;
}
@-webkit-keyframes flipOutX {
- from {
- -webkit-transform: perspective(400px);
- transform: perspective(400px);
- }
+ from {
+ -webkit-transform: perspective(400px);
+ transform: perspective(400px);
+ }
- 30% {
- -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
- transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
- opacity: 1;
- }
+ 30% {
+ -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
+ transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
+ opacity: 1;
+ }
- to {
- -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
- transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
- opacity: 0;
- }
+ to {
+ -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
+ transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
+ opacity: 0;
+ }
}
@keyframes flipOutX {
- from {
- -webkit-transform: perspective(400px);
- transform: perspective(400px);
- }
+ from {
+ -webkit-transform: perspective(400px);
+ transform: perspective(400px);
+ }
- 30% {
- -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
- transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
- opacity: 1;
- }
+ 30% {
+ -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
+ transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
+ opacity: 1;
+ }
- to {
- -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
- transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
- opacity: 0;
- }
+ to {
+ -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
+ transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
+ opacity: 0;
+ }
}
.animate__flipOutX {
- -webkit-animation-duration: calc(1s * 0.75);
- animation-duration: calc(1s * 0.75);
- -webkit-animation-duration: calc(var(--animate-duration) * 0.75);
- animation-duration: calc(var(--animate-duration) * 0.75);
- -webkit-animation-name: flipOutX;
- animation-name: flipOutX;
- -webkit-backface-visibility: visible !important;
- backface-visibility: visible !important;
+ -webkit-animation-duration: calc(1s * 0.75);
+ animation-duration: calc(1s * 0.75);
+ -webkit-animation-duration: calc(var(--animate-duration) * 0.75);
+ animation-duration: calc(var(--animate-duration) * 0.75);
+ -webkit-animation-name: flipOutX;
+ animation-name: flipOutX;
+ -webkit-backface-visibility: visible !important;
+ backface-visibility: visible !important;
}
@-webkit-keyframes flipOutY {
- from {
- -webkit-transform: perspective(400px);
- transform: perspective(400px);
- }
+ from {
+ -webkit-transform: perspective(400px);
+ transform: perspective(400px);
+ }
- 30% {
- -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
- transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
- opacity: 1;
- }
+ 30% {
+ -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
+ transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
+ opacity: 1;
+ }
- to {
- -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
- transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
- opacity: 0;
- }
+ to {
+ -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
+ transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
+ opacity: 0;
+ }
}
@keyframes flipOutY {
- from {
- -webkit-transform: perspective(400px);
- transform: perspective(400px);
- }
+ from {
+ -webkit-transform: perspective(400px);
+ transform: perspective(400px);
+ }
- 30% {
- -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
- transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
- opacity: 1;
- }
+ 30% {
+ -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
+ transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
+ opacity: 1;
+ }
- to {
- -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
- transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
- opacity: 0;
- }
+ to {
+ -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
+ transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
+ opacity: 0;
+ }
}
.animate__flipOutY {
- -webkit-animation-duration: calc(1s * 0.75);
- animation-duration: calc(1s * 0.75);
- -webkit-animation-duration: calc(var(--animate-duration) * 0.75);
- animation-duration: calc(var(--animate-duration) * 0.75);
- -webkit-backface-visibility: visible !important;
- backface-visibility: visible !important;
- -webkit-animation-name: flipOutY;
- animation-name: flipOutY;
+ -webkit-animation-duration: calc(1s * 0.75);
+ animation-duration: calc(1s * 0.75);
+ -webkit-animation-duration: calc(var(--animate-duration) * 0.75);
+ animation-duration: calc(var(--animate-duration) * 0.75);
+ -webkit-backface-visibility: visible !important;
+ backface-visibility: visible !important;
+ -webkit-animation-name: flipOutY;
+ animation-name: flipOutY;
}
/* Lightspeed */
@-webkit-keyframes lightSpeedInRight {
- from {
- -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
- transform: translate3d(100%, 0, 0) skewX(-30deg);
- opacity: 0;
- }
+ from {
+ -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
+ transform: translate3d(100%, 0, 0) skewX(-30deg);
+ opacity: 0;
+ }
- 60% {
- -webkit-transform: skewX(20deg);
- transform: skewX(20deg);
- opacity: 1;
- }
+ 60% {
+ -webkit-transform: skewX(20deg);
+ transform: skewX(20deg);
+ opacity: 1;
+ }
- 80% {
- -webkit-transform: skewX(-5deg);
- transform: skewX(-5deg);
- }
+ 80% {
+ -webkit-transform: skewX(-5deg);
+ transform: skewX(-5deg);
+ }
- to {
- -webkit-transform: translate3d(0, 0, 0);
- transform: translate3d(0, 0, 0);
- }
+ to {
+ -webkit-transform: translate3d(0, 0, 0);
+ transform: translate3d(0, 0, 0);
+ }
}
@keyframes lightSpeedInRight {
- from {
- -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
- transform: translate3d(100%, 0, 0) skewX(-30deg);
- opacity: 0;
- }
+ from {
+ -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
+ transform: translate3d(100%, 0, 0) skewX(-30deg);
+ opacity: 0;
+ }
- 60% {
- -webkit-transform: skewX(20deg);
- transform: skewX(20deg);
- opacity: 1;
- }
+ 60% {
+ -webkit-transform: skewX(20deg);
+ transform: skewX(20deg);
+ opacity: 1;
+ }
- 80% {
- -webkit-transform: skewX(-5deg);
- transform: skewX(-5deg);
- }
+ 80% {
+ -webkit-transform: skewX(-5deg);
+ transform: skewX(-5deg);
+ }
- to {
- -webkit-transform: translate3d(0, 0, 0);
- transform: translate3d(0, 0, 0);
- }
+ to {
+ -webkit-transform: translate3d(0, 0, 0);
+ transform: translate3d(0, 0, 0);
+ }
}
.animate__lightSpeedInRight {
- -webkit-animation-name: lightSpeedInRight;
- animation-name: lightSpeedInRight;
- -webkit-animation-timing-function: ease-out;
- animation-timing-function: ease-out;
+ -webkit-animation-name: lightSpeedInRight;
+ animation-name: lightSpeedInRight;
+ -webkit-animation-timing-function: ease-out;
+ animation-timing-function: ease-out;
}
@-webkit-keyframes lightSpeedInLeft {
- from {
- -webkit-transform: translate3d(-100%, 0, 0) skewX(30deg);
- transform: translate3d(-100%, 0, 0) skewX(30deg);
- opacity: 0;
- }
+ from {
+ -webkit-transform: translate3d(-100%, 0, 0) skewX(30deg);
+ transform: translate3d(-100%, 0, 0) skewX(30deg);
+ opacity: 0;
+ }
- 60% {
- -webkit-transform: skewX(-20deg);
- transform: skewX(-20deg);
- opacity: 1;
- }
+ 60% {
+ -webkit-transform: skewX(-20deg);
+ transform: skewX(-20deg);
+ opacity: 1;
+ }
- 80% {
- -webkit-transform: skewX(5deg);
- transform: skewX(5deg);
- }
+ 80% {
+ -webkit-transform: skewX(5deg);
+ transform: skewX(5deg);
+ }
- to {
- -webkit-transform: translate3d(0, 0, 0);
- transform: translate3d(0, 0, 0);
- }
+ to {
+ -webkit-transform: translate3d(0, 0, 0);
+ transform: translate3d(0, 0, 0);
+ }
}
@keyframes lightSpeedInLeft {
- from {
- -webkit-transform: translate3d(-100%, 0, 0) skewX(30deg);
- transform: translate3d(-100%, 0, 0) skewX(30deg);
- opacity: 0;
- }
+ from {
+ -webkit-transform: translate3d(-100%, 0, 0) skewX(30deg);
+ transform: translate3d(-100%, 0, 0) skewX(30deg);
+ opacity: 0;
+ }
- 60% {
- -webkit-transform: skewX(-20deg);
- transform: skewX(-20deg);
- opacity: 1;
- }
+ 60% {
+ -webkit-transform: skewX(-20deg);
+ transform: skewX(-20deg);
+ opacity: 1;
+ }
- 80% {
- -webkit-transform: skewX(5deg);
- transform: skewX(5deg);
- }
+ 80% {
+ -webkit-transform: skewX(5deg);
+ transform: skewX(5deg);
+ }
- to {
- -webkit-transform: translate3d(0, 0, 0);
- transform: translate3d(0, 0, 0);
- }
+ to {
+ -webkit-transform: translate3d(0, 0, 0);
+ transform: translate3d(0, 0, 0);
+ }
}
.animate__lightSpeedInLeft {
- -webkit-animation-name: lightSpeedInLeft;
- animation-name: lightSpeedInLeft;
- -webkit-animation-timing-function: ease-out;
- animation-timing-function: ease-out;
+ -webkit-animation-name: lightSpeedInLeft;
+ animation-name: lightSpeedInLeft;
+ -webkit-animation-timing-function: ease-out;
+ animation-timing-function: ease-out;
}
@-webkit-keyframes lightSpeedOutRight {
- from {
- opacity: 1;
- }
+ from {
+ opacity: 1;
+ }
- to {
- -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
- transform: translate3d(100%, 0, 0) skewX(30deg);
- opacity: 0;
- }
+ to {
+ -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
+ transform: translate3d(100%, 0, 0) skewX(30deg);
+ opacity: 0;
+ }
}
@keyframes lightSpeedOutRight {
- from {
- opacity: 1;
- }
+ from {
+ opacity: 1;
+ }
- to {
- -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
- transform: translate3d(100%, 0, 0) skewX(30deg);
- opacity: 0;
- }
+ to {
+ -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
+ transform: translate3d(100%, 0, 0) skewX(30deg);
+ opacity: 0;
+ }
}
.animate__lightSpeedOutRight {
- -webkit-animation-name: lightSpeedOutRight;
- animation-name: lightSpeedOutRight;
- -webkit-animation-timing-function: ease-in;
- animation-timing-function: ease-in;
+ -webkit-animation-name: lightSpeedOutRight;
+ animation-name: lightSpeedOutRight;
+ -webkit-animation-timing-function: ease-in;
+ animation-timing-function: ease-in;
}
@-webkit-keyframes lightSpeedOutLeft {
- from {
- opacity: 1;
- }
+ from {
+ opacity: 1;
+ }
- to {
- -webkit-transform: translate3d(-100%, 0, 0) skewX(-30deg);
- transform: translate3d(-100%, 0, 0) skewX(-30deg);
- opacity: 0;
- }
+ to {
+ -webkit-transform: translate3d(-100%, 0, 0) skewX(-30deg);
+ transform: translate3d(-100%, 0, 0) skewX(-30deg);
+ opacity: 0;
+ }
}
@keyframes lightSpeedOutLeft {
- from {
- opacity: 1;
- }
+ from {
+ opacity: 1;
+ }
- to {
- -webkit-transform: translate3d(-100%, 0, 0) skewX(-30deg);
- transform: translate3d(-100%, 0, 0) skewX(-30deg);
- opacity: 0;
- }
+ to {
+ -webkit-transform: translate3d(-100%, 0, 0) skewX(-30deg);
+ transform: translate3d(-100%, 0, 0) skewX(-30deg);
+ opacity: 0;
+ }
}
.animate__lightSpeedOutLeft {
- -webkit-animation-name: lightSpeedOutLeft;
- animation-name: lightSpeedOutLeft;
- -webkit-animation-timing-function: ease-in;
- animation-timing-function: ease-in;
+ -webkit-animation-name: lightSpeedOutLeft;
+ animation-name: lightSpeedOutLeft;
+ -webkit-animation-timing-function: ease-in;
+ animation-timing-function: ease-in;
}
/* Rotating entrances */
@-webkit-keyframes rotateIn {
- from {
- -webkit-transform: rotate3d(0, 0, 1, -200deg);
- transform: rotate3d(0, 0, 1, -200deg);
- opacity: 0;
- }
+ from {
+ -webkit-transform: rotate3d(0, 0, 1, -200deg);
+ transform: rotate3d(0, 0, 1, -200deg);
+ opacity: 0;
+ }
- to {
- -webkit-transform: translate3d(0, 0, 0);
- transform: translate3d(0, 0, 0);
- opacity: 1;
- }
+ to {
+ -webkit-transform: translate3d(0, 0, 0);
+ transform: translate3d(0, 0, 0);
+ opacity: 1;
+ }
}
@keyframes rotateIn {
- from {
- -webkit-transform: rotate3d(0, 0, 1, -200deg);
- transform: rotate3d(0, 0, 1, -200deg);
- opacity: 0;
- }
+ from {
+ -webkit-transform: rotate3d(0, 0, 1, -200deg);
+ transform: rotate3d(0, 0, 1, -200deg);
+ opacity: 0;
+ }
- to {
- -webkit-transform: translate3d(0, 0, 0);
- transform: translate3d(0, 0, 0);
- opacity: 1;
- }
+ to {
+ -webkit-transform: translate3d(0, 0, 0);
+ transform: translate3d(0, 0, 0);
+ opacity: 1;
+ }
}
.animate__rotateIn {
- -webkit-animation-name: rotateIn;
- animation-name: rotateIn;
- -webkit-transform-origin: center;
- transform-origin: center;
+ -webkit-animation-name: rotateIn;
+ animation-name: rotateIn;
+ -webkit-transform-origin: center;
+ transform-origin: center;
}
@-webkit-keyframes rotateInDownLeft {
- from {
- -webkit-transform: rotate3d(0, 0, 1, -45deg);
- transform: rotate3d(0, 0, 1, -45deg);
- opacity: 0;
- }
+ from {
+ -webkit-transform: rotate3d(0, 0, 1, -45deg);
+ transform: rotate3d(0, 0, 1, -45deg);
+ opacity: 0;
+ }
- to {
- -webkit-transform: translate3d(0, 0, 0);
- transform: translate3d(0, 0, 0);
- opacity: 1;
- }
+ to {
+ -webkit-transform: translate3d(0, 0, 0);
+ transform: translate3d(0, 0, 0);
+ opacity: 1;
+ }
}
@keyframes rotateInDownLeft {
- from {
- -webkit-transform: rotate3d(0, 0, 1, -45deg);
- transform: rotate3d(0, 0, 1, -45deg);
- opacity: 0;
- }
+ from {
+ -webkit-transform: rotate3d(0, 0, 1, -45deg);
+ transform: rotate3d(0, 0, 1, -45deg);
+ opacity: 0;
+ }
- to {
- -webkit-transform: translate3d(0, 0, 0);
- transform: translate3d(0, 0, 0);
- opacity: 1;
- }
+ to {
+ -webkit-transform: translate3d(0, 0, 0);
+ transform: translate3d(0, 0, 0);
+ opacity: 1;
+ }
}
.animate__rotateInDownLeft {
- -webkit-animation-name: rotateInDownLeft;
- animation-name: rotateInDownLeft;
- -webkit-transform-origin: left bottom;
- transform-origin: left bottom;
+ -webkit-animation-name: rotateInDownLeft;
+ animation-name: rotateInDownLeft;
+ -webkit-transform-origin: left bottom;
+ transform-origin: left bottom;
}
@-webkit-keyframes rotateInDownRight {
- from {
- -webkit-transform: rotate3d(0, 0, 1, 45deg);
- transform: rotate3d(0, 0, 1, 45deg);
- opacity: 0;
- }
+ from {
+ -webkit-transform: rotate3d(0, 0, 1, 45deg);
+ transform: rotate3d(0, 0, 1, 45deg);
+ opacity: 0;
+ }
- to {
- -webkit-transform: translate3d(0, 0, 0);
- transform: translate3d(0, 0, 0);
- opacity: 1;
- }
+ to {
+ -webkit-transform: translate3d(0, 0, 0);
+ transform: translate3d(0, 0, 0);
+ opacity: 1;
+ }
}
@keyframes rotateInDownRight {
- from {
- -webkit-transform: rotate3d(0, 0, 1, 45deg);
- transform: rotate3d(0, 0, 1, 45deg);
- opacity: 0;
- }
+ from {
+ -webkit-transform: rotate3d(0, 0, 1, 45deg);
+ transform: rotate3d(0, 0, 1, 45deg);
+ opacity: 0;
+ }
- to {
- -webkit-transform: translate3d(0, 0, 0);
- transform: translate3d(0, 0, 0);
- opacity: 1;
- }
+ to {
+ -webkit-transform: translate3d(0, 0, 0);
+ transform: translate3d(0, 0, 0);
+ opacity: 1;
+ }
}
.animate__rotateInDownRight {
- -webkit-animation-name: rotateInDownRight;
- animation-name: rotateInDownRight;
- -webkit-transform-origin: right bottom;
- transform-origin: right bottom;
+ -webkit-animation-name: rotateInDownRight;
+ animation-name: rotateInDownRight;
+ -webkit-transform-origin: right bottom;
+ transform-origin: right bottom;
}
@-webkit-keyframes rotateInUpLeft {
- from {
- -webkit-transform: rotate3d(0, 0, 1, 45deg);
- transform: rotate3d(0, 0, 1, 45deg);
- opacity: 0;
- }
+ from {
+ -webkit-transform: rotate3d(0, 0, 1, 45deg);
+ transform: rotate3d(0, 0, 1, 45deg);
+ opacity: 0;
+ }
- to {
- -webkit-transform: translate3d(0, 0, 0);
- transform: translate3d(0, 0, 0);
- opacity: 1;
- }
+ to {
+ -webkit-transform: translate3d(0, 0, 0);
+ transform: translate3d(0, 0, 0);
+ opacity: 1;
+ }
}
@keyframes rotateInUpLeft {
- from {
- -webkit-transform: rotate3d(0, 0, 1, 45deg);
- transform: rotate3d(0, 0, 1, 45deg);
- opacity: 0;
- }
+ from {
+ -webkit-transform: rotate3d(0, 0, 1, 45deg);
+ transform: rotate3d(0, 0, 1, 45deg);
+ opacity: 0;
+ }
- to {
- -webkit-transform: translate3d(0, 0, 0);
- transform: translate3d(0, 0, 0);
- opacity: 1;
- }
+ to {
+ -webkit-transform: translate3d(0, 0, 0);
+ transform: translate3d(0, 0, 0);
+ opacity: 1;
+ }
}
.animate__rotateInUpLeft {
- -webkit-animation-name: rotateInUpLeft;
- animation-name: rotateInUpLeft;
- -webkit-transform-origin: left bottom;
- transform-origin: left bottom;
+ -webkit-animation-name: rotateInUpLeft;
+ animation-name: rotateInUpLeft;
+ -webkit-transform-origin: left bottom;
+ transform-origin: left bottom;
}
@-webkit-keyframes rotateInUpRight {
- from {
- -webkit-transform: rotate3d(0, 0, 1, -90deg);
- transform: rotate3d(0, 0, 1, -90deg);
- opacity: 0;
- }
+ from {
+ -webkit-transform: rotate3d(0, 0, 1, -90deg);
+ transform: rotate3d(0, 0, 1, -90deg);
+ opacity: 0;
+ }
- to {
- -webkit-transform: translate3d(0, 0, 0);
- transform: translate3d(0, 0, 0);
- opacity: 1;
- }
+ to {
+ -webkit-transform: translate3d(0, 0, 0);
+ transform: translate3d(0, 0, 0);
+ opacity: 1;
+ }
}
@keyframes rotateInUpRight {
- from {
- -webkit-transform: rotate3d(0, 0, 1, -90deg);
- transform: rotate3d(0, 0, 1, -90deg);
- opacity: 0;
- }
+ from {
+ -webkit-transform: rotate3d(0, 0, 1, -90deg);
+ transform: rotate3d(0, 0, 1, -90deg);
+ opacity: 0;
+ }
- to {
- -webkit-transform: translate3d(0, 0, 0);
- transform: translate3d(0, 0, 0);
- opacity: 1;
- }
+ to {
+ -webkit-transform: translate3d(0, 0, 0);
+ transform: translate3d(0, 0, 0);
+ opacity: 1;
+ }
}
.animate__rotateInUpRight {
- -webkit-animation-name: rotateInUpRight;
- animation-name: rotateInUpRight;
- -webkit-transform-origin: right bottom;
- transform-origin: right bottom;
+ -webkit-animation-name: rotateInUpRight;
+ animation-name: rotateInUpRight;
+ -webkit-transform-origin: right bottom;
+ transform-origin: right bottom;
}
/* Rotating exits */
@-webkit-keyframes rotateOut {
- from {
- opacity: 1;
- }
+ from {
+ opacity: 1;
+ }
- to {
- -webkit-transform: rotate3d(0, 0, 1, 200deg);
- transform: rotate3d(0, 0, 1, 200deg);
- opacity: 0;
- }
+ to {
+ -webkit-transform: rotate3d(0, 0, 1, 200deg);
+ transform: rotate3d(0, 0, 1, 200deg);
+ opacity: 0;
+ }
}
@keyframes rotateOut {
- from {
- opacity: 1;
- }
+ from {
+ opacity: 1;
+ }
- to {
- -webkit-transform: rotate3d(0, 0, 1, 200deg);
- transform: rotate3d(0, 0, 1, 200deg);
- opacity: 0;
- }
+ to {
+ -webkit-transform: rotate3d(0, 0, 1, 200deg);
+ transform: rotate3d(0, 0, 1, 200deg);
+ opacity: 0;
+ }
}
.animate__rotateOut {
- -webkit-animation-name: rotateOut;
- animation-name: rotateOut;
- -webkit-transform-origin: center;
- transform-origin: center;
+ -webkit-animation-name: rotateOut;
+ animation-name: rotateOut;
+ -webkit-transform-origin: center;
+ transform-origin: center;
}
@-webkit-keyframes rotateOutDownLeft {
- from {
- opacity: 1;
- }
+ from {
+ opacity: 1;
+ }
- to {
- -webkit-transform: rotate3d(0, 0, 1, 45deg);
- transform: rotate3d(0, 0, 1, 45deg);
- opacity: 0;
- }
+ to {
+ -webkit-transform: rotate3d(0, 0, 1, 45deg);
+ transform: rotate3d(0, 0, 1, 45deg);
+ opacity: 0;
+ }
}
@keyframes rotateOutDownLeft {
- from {
- opacity: 1;
- }
+ from {
+ opacity: 1;
+ }
- to {
- -webkit-transform: rotate3d(0, 0, 1, 45deg);
- transform: rotate3d(0, 0, 1, 45deg);
- opacity: 0;
- }
+ to {
+ -webkit-transform: rotate3d(0, 0, 1, 45deg);
+ transform: rotate3d(0, 0, 1, 45deg);
+ opacity: 0;
+ }
}
.animate__rotateOutDownLeft {
- -webkit-animation-name: rotateOutDownLeft;
- animation-name: rotateOutDownLeft;
- -webkit-transform-origin: left bottom;
- transform-origin: left bottom;
+ -webkit-animation-name: rotateOutDownLeft;
+ animation-name: rotateOutDownLeft;
+ -webkit-transform-origin: left bottom;
+ transform-origin: left bottom;
}
@-webkit-keyframes rotateOutDownRight {
- from {
- opacity: 1;
- }
+ from {
+ opacity: 1;
+ }
- to {
- -webkit-transform: rotate3d(0, 0, 1, -45deg);
- transform: rotate3d(0, 0, 1, -45deg);
- opacity: 0;
- }
+ to {
+ -webkit-transform: rotate3d(0, 0, 1, -45deg);
+ transform: rotate3d(0, 0, 1, -45deg);
+ opacity: 0;
+ }
}
@keyframes rotateOutDownRight {
- from {
- opacity: 1;
- }
+ from {
+ opacity: 1;
+ }
- to {
- -webkit-transform: rotate3d(0, 0, 1, -45deg);
- transform: rotate3d(0, 0, 1, -45deg);
- opacity: 0;
- }
+ to {
+ -webkit-transform: rotate3d(0, 0, 1, -45deg);
+ transform: rotate3d(0, 0, 1, -45deg);
+ opacity: 0;
+ }
}
.animate__rotateOutDownRight {
- -webkit-animation-name: rotateOutDownRight;
- animation-name: rotateOutDownRight;
- -webkit-transform-origin: right bottom;
- transform-origin: right bottom;
+ -webkit-animation-name: rotateOutDownRight;
+ animation-name: rotateOutDownRight;
+ -webkit-transform-origin: right bottom;
+ transform-origin: right bottom;
}
@-webkit-keyframes rotateOutUpLeft {
- from {
- opacity: 1;
- }
+ from {
+ opacity: 1;
+ }
- to {
- -webkit-transform: rotate3d(0, 0, 1, -45deg);
- transform: rotate3d(0, 0, 1, -45deg);
- opacity: 0;
- }
+ to {
+ -webkit-transform: rotate3d(0, 0, 1, -45deg);
+ transform: rotate3d(0, 0, 1, -45deg);
+ opacity: 0;
+ }
}
@keyframes rotateOutUpLeft {
- from {
- opacity: 1;
- }
+ from {
+ opacity: 1;
+ }
- to {
- -webkit-transform: rotate3d(0, 0, 1, -45deg);
- transform: rotate3d(0, 0, 1, -45deg);
- opacity: 0;
- }
+ to {
+ -webkit-transform: rotate3d(0, 0, 1, -45deg);
+ transform: rotate3d(0, 0, 1, -45deg);
+ opacity: 0;
+ }
}
.animate__rotateOutUpLeft {
- -webkit-animation-name: rotateOutUpLeft;
- animation-name: rotateOutUpLeft;
- -webkit-transform-origin: left bottom;
- transform-origin: left bottom;
+ -webkit-animation-name: rotateOutUpLeft;
+ animation-name: rotateOutUpLeft;
+ -webkit-transform-origin: left bottom;
+ transform-origin: left bottom;
}
@-webkit-keyframes rotateOutUpRight {
- from {
- opacity: 1;
- }
+ from {
+ opacity: 1;
+ }
- to {
- -webkit-transform: rotate3d(0, 0, 1, 90deg);
- transform: rotate3d(0, 0, 1, 90deg);
- opacity: 0;
- }
+ to {
+ -webkit-transform: rotate3d(0, 0, 1, 90deg);
+ transform: rotate3d(0, 0, 1, 90deg);
+ opacity: 0;
+ }
}
@keyframes rotateOutUpRight {
- from {
- opacity: 1;
- }
+ from {
+ opacity: 1;
+ }
- to {
- -webkit-transform: rotate3d(0, 0, 1, 90deg);
- transform: rotate3d(0, 0, 1, 90deg);
- opacity: 0;
- }
+ to {
+ -webkit-transform: rotate3d(0, 0, 1, 90deg);
+ transform: rotate3d(0, 0, 1, 90deg);
+ opacity: 0;
+ }
}
.animate__rotateOutUpRight {
- -webkit-animation-name: rotateOutUpRight;
- animation-name: rotateOutUpRight;
- -webkit-transform-origin: right bottom;
- transform-origin: right bottom;
+ -webkit-animation-name: rotateOutUpRight;
+ animation-name: rotateOutUpRight;
+ -webkit-transform-origin: right bottom;
+ transform-origin: right bottom;
}
/* Specials */
@-webkit-keyframes hinge {
- 0% {
- -webkit-animation-timing-function: ease-in-out;
- animation-timing-function: ease-in-out;
- }
+ 0% {
+ -webkit-animation-timing-function: ease-in-out;
+ animation-timing-function: ease-in-out;
+ }
- 20%,
- 60% {
- -webkit-transform: rotate3d(0, 0, 1, 80deg);
- transform: rotate3d(0, 0, 1, 80deg);
- -webkit-animation-timing-function: ease-in-out;
- animation-timing-function: ease-in-out;
- }
+ 20%,
+ 60% {
+ -webkit-transform: rotate3d(0, 0, 1, 80deg);
+ transform: rotate3d(0, 0, 1, 80deg);
+ -webkit-animation-timing-function: ease-in-out;
+ animation-timing-function: ease-in-out;
+ }
- 40%,
- 80% {
- -webkit-transform: rotate3d(0, 0, 1, 60deg);
- transform: rotate3d(0, 0, 1, 60deg);
- -webkit-animation-timing-function: ease-in-out;
- animation-timing-function: ease-in-out;
- opacity: 1;
- }
+ 40%,
+ 80% {
+ -webkit-transform: rotate3d(0, 0, 1, 60deg);
+ transform: rotate3d(0, 0, 1, 60deg);
+ -webkit-animation-timing-function: ease-in-out;
+ animation-timing-function: ease-in-out;
+ opacity: 1;
+ }
- to {
- -webkit-transform: translate3d(0, 700px, 0);
- transform: translate3d(0, 700px, 0);
- opacity: 0;
- }
+ to {
+ -webkit-transform: translate3d(0, 700px, 0);
+ transform: translate3d(0, 700px, 0);
+ opacity: 0;
+ }
}
@keyframes hinge {
- 0% {
- -webkit-animation-timing-function: ease-in-out;
- animation-timing-function: ease-in-out;
- }
+ 0% {
+ -webkit-animation-timing-function: ease-in-out;
+ animation-timing-function: ease-in-out;
+ }
- 20%,
- 60% {
- -webkit-transform: rotate3d(0, 0, 1, 80deg);
- transform: rotate3d(0, 0, 1, 80deg);
- -webkit-animation-timing-function: ease-in-out;
- animation-timing-function: ease-in-out;
- }
+ 20%,
+ 60% {
+ -webkit-transform: rotate3d(0, 0, 1, 80deg);
+ transform: rotate3d(0, 0, 1, 80deg);
+ -webkit-animation-timing-function: ease-in-out;
+ animation-timing-function: ease-in-out;
+ }
- 40%,
- 80% {
- -webkit-transform: rotate3d(0, 0, 1, 60deg);
- transform: rotate3d(0, 0, 1, 60deg);
- -webkit-animation-timing-function: ease-in-out;
- animation-timing-function: ease-in-out;
- opacity: 1;
- }
+ 40%,
+ 80% {
+ -webkit-transform: rotate3d(0, 0, 1, 60deg);
+ transform: rotate3d(0, 0, 1, 60deg);
+ -webkit-animation-timing-function: ease-in-out;
+ animation-timing-function: ease-in-out;
+ opacity: 1;
+ }
- to {
- -webkit-transform: translate3d(0, 700px, 0);
- transform: translate3d(0, 700px, 0);
- opacity: 0;
- }
+ to {
+ -webkit-transform: translate3d(0, 700px, 0);
+ transform: translate3d(0, 700px, 0);
+ opacity: 0;
+ }
}
.animate__hinge {
- -webkit-animation-duration: calc(1s * 2);
- animation-duration: calc(1s * 2);
- -webkit-animation-duration: calc(var(--animate-duration) * 2);
- animation-duration: calc(var(--animate-duration) * 2);
- -webkit-animation-name: hinge;
- animation-name: hinge;
- -webkit-transform-origin: top left;
- transform-origin: top left;
+ -webkit-animation-duration: calc(1s * 2);
+ animation-duration: calc(1s * 2);
+ -webkit-animation-duration: calc(var(--animate-duration) * 2);
+ animation-duration: calc(var(--animate-duration) * 2);
+ -webkit-animation-name: hinge;
+ animation-name: hinge;
+ -webkit-transform-origin: top left;
+ transform-origin: top left;
}
@-webkit-keyframes jackInTheBox {
- from {
- opacity: 0;
- -webkit-transform: scale(0.1) rotate(30deg);
- transform: scale(0.1) rotate(30deg);
- -webkit-transform-origin: center bottom;
- transform-origin: center bottom;
- }
+ from {
+ opacity: 0;
+ -webkit-transform: scale(0.1) rotate(30deg);
+ transform: scale(0.1) rotate(30deg);
+ -webkit-transform-origin: center bottom;
+ transform-origin: center bottom;
+ }
- 50% {
- -webkit-transform: rotate(-10deg);
- transform: rotate(-10deg);
- }
+ 50% {
+ -webkit-transform: rotate(-10deg);
+ transform: rotate(-10deg);
+ }
- 70% {
- -webkit-transform: rotate(3deg);
- transform: rotate(3deg);
- }
+ 70% {
+ -webkit-transform: rotate(3deg);
+ transform: rotate(3deg);
+ }
- to {
- opacity: 1;
- -webkit-transform: scale(1);
- transform: scale(1);
- }
+ to {
+ opacity: 1;
+ -webkit-transform: scale(1);
+ transform: scale(1);
+ }
}
@keyframes jackInTheBox {
- from {
- opacity: 0;
- -webkit-transform: scale(0.1) rotate(30deg);
- transform: scale(0.1) rotate(30deg);
- -webkit-transform-origin: center bottom;
- transform-origin: center bottom;
- }
+ from {
+ opacity: 0;
+ -webkit-transform: scale(0.1) rotate(30deg);
+ transform: scale(0.1) rotate(30deg);
+ -webkit-transform-origin: center bottom;
+ transform-origin: center bottom;
+ }
- 50% {
- -webkit-transform: rotate(-10deg);
- transform: rotate(-10deg);
- }
+ 50% {
+ -webkit-transform: rotate(-10deg);
+ transform: rotate(-10deg);
+ }
- 70% {
- -webkit-transform: rotate(3deg);
- transform: rotate(3deg);
- }
+ 70% {
+ -webkit-transform: rotate(3deg);
+ transform: rotate(3deg);
+ }
- to {
- opacity: 1;
- -webkit-transform: scale(1);
- transform: scale(1);
- }
+ to {
+ opacity: 1;
+ -webkit-transform: scale(1);
+ transform: scale(1);
+ }
}
.animate__jackInTheBox {
- -webkit-animation-name: jackInTheBox;
- animation-name: jackInTheBox;
+ -webkit-animation-name: jackInTheBox;
+ animation-name: jackInTheBox;
}
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes rollIn {
- from {
- opacity: 0;
- -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
- transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
- }
+ from {
+ opacity: 0;
+ -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
+ transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
+ }
- to {
- opacity: 1;
- -webkit-transform: translate3d(0, 0, 0);
- transform: translate3d(0, 0, 0);
- }
+ to {
+ opacity: 1;
+ -webkit-transform: translate3d(0, 0, 0);
+ transform: translate3d(0, 0, 0);
+ }
}
@keyframes rollIn {
- from {
- opacity: 0;
- -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
- transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
- }
+ from {
+ opacity: 0;
+ -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
+ transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
+ }
- to {
- opacity: 1;
- -webkit-transform: translate3d(0, 0, 0);
- transform: translate3d(0, 0, 0);
- }
+ to {
+ opacity: 1;
+ -webkit-transform: translate3d(0, 0, 0);
+ transform: translate3d(0, 0, 0);
+ }
}
.animate__rollIn {
- -webkit-animation-name: rollIn;
- animation-name: rollIn;
+ -webkit-animation-name: rollIn;
+ animation-name: rollIn;
}
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes rollOut {
- from {
- opacity: 1;
- }
+ from {
+ opacity: 1;
+ }
- to {
- opacity: 0;
- -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
- transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
- }
+ to {
+ opacity: 0;
+ -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
+ transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
+ }
}
@keyframes rollOut {
- from {
- opacity: 1;
- }
+ from {
+ opacity: 1;
+ }
- to {
- opacity: 0;
- -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
- transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
- }
+ to {
+ opacity: 0;
+ -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
+ transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
+ }
}
.animate__rollOut {
- -webkit-animation-name: rollOut;
- animation-name: rollOut;
+ -webkit-animation-name: rollOut;
+ animation-name: rollOut;
}
/* Zooming entrances */
@-webkit-keyframes zoomIn {
- from {
- opacity: 0;
- -webkit-transform: scale3d(0.3, 0.3, 0.3);
- transform: scale3d(0.3, 0.3, 0.3);
- }
+ from {
+ opacity: 0;
+ -webkit-transform: scale3d(0.3, 0.3, 0.3);
+ transform: scale3d(0.3, 0.3, 0.3);
+ }
- 50% {
- opacity: 1;
- }
+ 50% {
+ opacity: 1;
+ }
}
@keyframes zoomIn {
- from {
- opacity: 0;
- -webkit-transform: scale3d(0.3, 0.3, 0.3);
- transform: scale3d(0.3, 0.3, 0.3);
- }
+ from {
+ opacity: 0;
+ -webkit-transform: scale3d(0.3, 0.3, 0.3);
+ transform: scale3d(0.3, 0.3, 0.3);
+ }
- 50% {
- opacity: 1;
- }
+ 50% {
+ opacity: 1;
+ }
}
.animate__zoomIn {
- -webkit-animation-name: zoomIn;
- animation-name: zoomIn;
+ -webkit-animation-name: zoomIn;
+ animation-name: zoomIn;
}
@-webkit-keyframes zoomInDown {
- from {
- opacity: 0;
- -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
- transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
- -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
- animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
- }
+ from {
+ opacity: 0;
+ -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
+ transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
+ -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
+ animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
+ }
- 60% {
- opacity: 1;
- -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
- transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
- -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
- animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
- }
+ 60% {
+ opacity: 1;
+ -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
+ transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
+ -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
+ animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
+ }
}
@keyframes zoomInDown {
- from {
- opacity: 0;
- -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
- transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
- -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
- animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
- }
+ from {
+ opacity: 0;
+ -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
+ transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
+ -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
+ animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
+ }
- 60% {
- opacity: 1;
- -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
- transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
- -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
- animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
- }
+ 60% {
+ opacity: 1;
+ -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
+ transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
+ -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
+ animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
+ }
}
.animate__zoomInDown {
- -webkit-animation-name: zoomInDown;
- animation-name: zoomInDown;
+ -webkit-animation-name: zoomInDown;
+ animation-name: zoomInDown;
}
@-webkit-keyframes zoomInLeft {
- from {
- opacity: 0;
- -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
- transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
- -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
- animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
- }
+ from {
+ opacity: 0;
+ -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
+ transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
+ -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
+ animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
+ }
- 60% {
- opacity: 1;
- -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
- transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
- -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
- animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
- }
+ 60% {
+ opacity: 1;
+ -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
+ transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
+ -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
+ animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
+ }
}
@keyframes zoomInLeft {
- from {
- opacity: 0;
- -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
- transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
- -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
- animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
- }
+ from {
+ opacity: 0;
+ -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
+ transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
+ -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
+ animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
+ }
- 60% {
- opacity: 1;
- -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
- transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
- -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
- animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
- }
+ 60% {
+ opacity: 1;
+ -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
+ transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
+ -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
+ animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
+ }
}
.animate__zoomInLeft {
- -webkit-animation-name: zoomInLeft;
- animation-name: zoomInLeft;
+ -webkit-animation-name: zoomInLeft;
+ animation-name: zoomInLeft;
}
@-webkit-keyframes zoomInRight {
- from {
- opacity: 0;
- -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
- transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
- -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
- animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
- }
+ from {
+ opacity: 0;
+ -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
+ transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
+ -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
+ animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
+ }
- 60% {
- opacity: 1;
- -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
- transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
- -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
- animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
- }
+ 60% {
+ opacity: 1;
+ -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
+ transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
+ -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
+ animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
+ }
}
@keyframes zoomInRight {
- from {
- opacity: 0;
- -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
- transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
- -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
- animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
- }
+ from {
+ opacity: 0;
+ -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
+ transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
+ -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
+ animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
+ }
- 60% {
- opacity: 1;
- -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
- transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
- -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
- animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
- }
+ 60% {
+ opacity: 1;
+ -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
+ transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
+ -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
+ animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
+ }
}
.animate__zoomInRight {
- -webkit-animation-name: zoomInRight;
- animation-name: zoomInRight;
+ -webkit-animation-name: zoomInRight;
+ animation-name: zoomInRight;
}
@-webkit-keyframes zoomInUp {
- from {
- opacity: 0;
- -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
- transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
- -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
- animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
- }
+ from {
+ opacity: 0;
+ -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
+ transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
+ -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
+ animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
+ }
- 60% {
- opacity: 1;
- -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
- transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
- -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
- animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
- }
+ 60% {
+ opacity: 1;
+ -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
+ transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
+ -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
+ animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
+ }
}
@keyframes zoomInUp {
- from {
- opacity: 0;
- -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
- transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
- -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
- animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
- }
+ from {
+ opacity: 0;
+ -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
+ transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
+ -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
+ animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
+ }
- 60% {
- opacity: 1;
- -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
- transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
- -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
- animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
- }
+ 60% {
+ opacity: 1;
+ -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
+ transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
+ -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
+ animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
+ }
}
.animate__zoomInUp {
- -webkit-animation-name: zoomInUp;
- animation-name: zoomInUp;
+ -webkit-animation-name: zoomInUp;
+ animation-name: zoomInUp;
}
/* Zooming exits */
@-webkit-keyframes zoomOut {
- from {
- opacity: 1;
- }
+ from {
+ opacity: 1;
+ }
- 50% {
- opacity: 0;
- -webkit-transform: scale3d(0.3, 0.3, 0.3);
- transform: scale3d(0.3, 0.3, 0.3);
- }
+ 50% {
+ opacity: 0;
+ -webkit-transform: scale3d(0.3, 0.3, 0.3);
+ transform: scale3d(0.3, 0.3, 0.3);
+ }
- to {
- opacity: 0;
- }
+ to {
+ opacity: 0;
+ }
}
@keyframes zoomOut {
- from {
- opacity: 1;
- }
+ from {
+ opacity: 1;
+ }
- 50% {
- opacity: 0;
- -webkit-transform: scale3d(0.3, 0.3, 0.3);
- transform: scale3d(0.3, 0.3, 0.3);
- }
+ 50% {
+ opacity: 0;
+ -webkit-transform: scale3d(0.3, 0.3, 0.3);
+ transform: scale3d(0.3, 0.3, 0.3);
+ }
- to {
- opacity: 0;
- }
+ to {
+ opacity: 0;
+ }
}
.animate__zoomOut {
- -webkit-animation-name: zoomOut;
- animation-name: zoomOut;
+ -webkit-animation-name: zoomOut;
+ animation-name: zoomOut;
}
@-webkit-keyframes zoomOutDown {
- 40% {
- opacity: 1;
- -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
- transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
- -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
- animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
- }
+ 40% {
+ opacity: 1;
+ -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
+ transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
+ -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
+ animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
+ }
- to {
- opacity: 0;
- -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
- transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
- -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
- animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
- }
+ to {
+ opacity: 0;
+ -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
+ transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
+ -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
+ animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
+ }
}
@keyframes zoomOutDown {
- 40% {
- opacity: 1;
- -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
- transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
- -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
- animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
- }
+ 40% {
+ opacity: 1;
+ -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
+ transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
+ -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
+ animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
+ }
- to {
- opacity: 0;
- -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
- transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
- -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
- animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
- }
+ to {
+ opacity: 0;
+ -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
+ transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
+ -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
+ animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
+ }
}
.animate__zoomOutDown {
- -webkit-animation-name: zoomOutDown;
- animation-name: zoomOutDown;
- -webkit-transform-origin: center bottom;
- transform-origin: center bottom;
+ -webkit-animation-name: zoomOutDown;
+ animation-name: zoomOutDown;
+ -webkit-transform-origin: center bottom;
+ transform-origin: center bottom;
}
@-webkit-keyframes zoomOutLeft {
- 40% {
- opacity: 1;
- -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
- transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
- }
+ 40% {
+ opacity: 1;
+ -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
+ transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
+ }
- to {
- opacity: 0;
- -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
- transform: scale(0.1) translate3d(-2000px, 0, 0);
- }
+ to {
+ opacity: 0;
+ -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
+ transform: scale(0.1) translate3d(-2000px, 0, 0);
+ }
}
@keyframes zoomOutLeft {
- 40% {
- opacity: 1;
- -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
- transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
- }
+ 40% {
+ opacity: 1;
+ -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
+ transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
+ }
- to {
- opacity: 0;
- -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
- transform: scale(0.1) translate3d(-2000px, 0, 0);
- }
+ to {
+ opacity: 0;
+ -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
+ transform: scale(0.1) translate3d(-2000px, 0, 0);
+ }
}
.animate__zoomOutLeft {
- -webkit-animation-name: zoomOutLeft;
- animation-name: zoomOutLeft;
- -webkit-transform-origin: left center;
- transform-origin: left center;
+ -webkit-animation-name: zoomOutLeft;
+ animation-name: zoomOutLeft;
+ -webkit-transform-origin: left center;
+ transform-origin: left center;
}
@-webkit-keyframes zoomOutRight {
- 40% {
- opacity: 1;
- -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
- transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
- }
+ 40% {
+ opacity: 1;
+ -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
+ transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
+ }
- to {
- opacity: 0;
- -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
- transform: scale(0.1) translate3d(2000px, 0, 0);
- }
+ to {
+ opacity: 0;
+ -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
+ transform: scale(0.1) translate3d(2000px, 0, 0);
+ }
}
@keyframes zoomOutRight {
- 40% {
- opacity: 1;
- -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
- transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
- }
+ 40% {
+ opacity: 1;
+ -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
+ transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
+ }
- to {
- opacity: 0;
- -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
- transform: scale(0.1) translate3d(2000px, 0, 0);
- }
+ to {
+ opacity: 0;
+ -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
+ transform: scale(0.1) translate3d(2000px, 0, 0);
+ }
}
.animate__zoomOutRight {
- -webkit-animation-name: zoomOutRight;
- animation-name: zoomOutRight;
- -webkit-transform-origin: right center;
- transform-origin: right center;
+ -webkit-animation-name: zoomOutRight;
+ animation-name: zoomOutRight;
+ -webkit-transform-origin: right center;
+ transform-origin: right center;
}
@-webkit-keyframes zoomOutUp {
- 40% {
- opacity: 1;
- -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
- transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
- -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
- animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
- }
+ 40% {
+ opacity: 1;
+ -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
+ transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
+ -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
+ animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
+ }
- to {
- opacity: 0;
- -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
- transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
- -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
- animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
- }
+ to {
+ opacity: 0;
+ -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
+ transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
+ -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
+ animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
+ }
}
@keyframes zoomOutUp {
- 40% {
- opacity: 1;
- -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
- transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
- -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
- animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
- }
+ 40% {
+ opacity: 1;
+ -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
+ transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
+ -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
+ animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
+ }
- to {
- opacity: 0;
- -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
- transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
- -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
- animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
- }
+ to {
+ opacity: 0;
+ -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
+ transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
+ -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
+ animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
+ }
}
.animate__zoomOutUp {
- -webkit-animation-name: zoomOutUp;
- animation-name: zoomOutUp;
- -webkit-transform-origin: center bottom;
- transform-origin: center bottom;
+ -webkit-animation-name: zoomOutUp;
+ animation-name: zoomOutUp;
+ -webkit-transform-origin: center bottom;
+ transform-origin: center bottom;
}
/* Sliding entrances */
@-webkit-keyframes slideInDown {
- from {
- -webkit-transform: translate3d(0, -100%, 0);
- transform: translate3d(0, -100%, 0);
- visibility: visible;
- }
+ from {
+ -webkit-transform: translate3d(0, -100%, 0);
+ transform: translate3d(0, -100%, 0);
+ visibility: visible;
+ }
- to {
- -webkit-transform: translate3d(0, 0, 0);
- transform: translate3d(0, 0, 0);
- }
+ to {
+ -webkit-transform: translate3d(0, 0, 0);
+ transform: translate3d(0, 0, 0);
+ }
}
@keyframes slideInDown {
- from {
- -webkit-transform: translate3d(0, -100%, 0);
- transform: translate3d(0, -100%, 0);
- visibility: visible;
- }
+ from {
+ -webkit-transform: translate3d(0, -100%, 0);
+ transform: translate3d(0, -100%, 0);
+ visibility: visible;
+ }
- to {
- -webkit-transform: translate3d(0, 0, 0);
- transform: translate3d(0, 0, 0);
- }
+ to {
+ -webkit-transform: translate3d(0, 0, 0);
+ transform: translate3d(0, 0, 0);
+ }
}
.animate__slideInDown {
- -webkit-animation-name: slideInDown;
- animation-name: slideInDown;
+ -webkit-animation-name: slideInDown;
+ animation-name: slideInDown;
}
@-webkit-keyframes slideInLeft {
- from {
- -webkit-transform: translate3d(-100%, 0, 0);
- transform: translate3d(-100%, 0, 0);
- visibility: visible;
- }
+ from {
+ -webkit-transform: translate3d(-100%, 0, 0);
+ transform: translate3d(-100%, 0, 0);
+ visibility: visible;
+ }
- to {
- -webkit-transform: translate3d(0, 0, 0);
- transform: translate3d(0, 0, 0);
- }
+ to {
+ -webkit-transform: translate3d(0, 0, 0);
+ transform: translate3d(0, 0, 0);
+ }
}
@keyframes slideInLeft {
- from {
- -webkit-transform: translate3d(-100%, 0, 0);
- transform: translate3d(-100%, 0, 0);
- visibility: visible;
- }
+ from {
+ -webkit-transform: translate3d(-100%, 0, 0);
+ transform: translate3d(-100%, 0, 0);
+ visibility: visible;
+ }
- to {
- -webkit-transform: translate3d(0, 0, 0);
- transform: translate3d(0, 0, 0);
- }
+ to {
+ -webkit-transform: translate3d(0, 0, 0);
+ transform: translate3d(0, 0, 0);
+ }
}
.animate__slideInLeft {
- -webkit-animation-name: slideInLeft;
- animation-name: slideInLeft;
+ -webkit-animation-name: slideInLeft;
+ animation-name: slideInLeft;
}
@-webkit-keyframes slideInRight {
- from {
- -webkit-transform: translate3d(100%, 0, 0);
- transform: translate3d(100%, 0, 0);
- visibility: visible;
- }
+ from {
+ -webkit-transform: translate3d(100%, 0, 0);
+ transform: translate3d(100%, 0, 0);
+ visibility: visible;
+ }
- to {
- -webkit-transform: translate3d(0, 0, 0);
- transform: translate3d(0, 0, 0);
- }
+ to {
+ -webkit-transform: translate3d(0, 0, 0);
+ transform: translate3d(0, 0, 0);
+ }
}
@keyframes slideInRight {
- from {
- -webkit-transform: translate3d(100%, 0, 0);
- transform: translate3d(100%, 0, 0);
- visibility: visible;
- }
+ from {
+ -webkit-transform: translate3d(100%, 0, 0);
+ transform: translate3d(100%, 0, 0);
+ visibility: visible;
+ }
- to {
- -webkit-transform: translate3d(0, 0, 0);
- transform: translate3d(0, 0, 0);
- }
+ to {
+ -webkit-transform: translate3d(0, 0, 0);
+ transform: translate3d(0, 0, 0);
+ }
}
.animate__slideInRight {
- -webkit-animation-name: slideInRight;
- animation-name: slideInRight;
+ -webkit-animation-name: slideInRight;
+ animation-name: slideInRight;
}
@-webkit-keyframes slideInUp {
- from {
- -webkit-transform: translate3d(0, 100%, 0);
- transform: translate3d(0, 100%, 0);
- visibility: visible;
- }
+ from {
+ -webkit-transform: translate3d(0, 100%, 0);
+ transform: translate3d(0, 100%, 0);
+ visibility: visible;
+ }
- to {
- -webkit-transform: translate3d(0, 0, 0);
- transform: translate3d(0, 0, 0);
- }
+ to {
+ -webkit-transform: translate3d(0, 0, 0);
+ transform: translate3d(0, 0, 0);
+ }
}
@keyframes slideInUp {
- from {
- -webkit-transform: translate3d(0, 100%, 0);
- transform: translate3d(0, 100%, 0);
- visibility: visible;
- }
+ from {
+ -webkit-transform: translate3d(0, 100%, 0);
+ transform: translate3d(0, 100%, 0);
+ visibility: visible;
+ }
- to {
- -webkit-transform: translate3d(0, 0, 0);
- transform: translate3d(0, 0, 0);
- }
+ to {
+ -webkit-transform: translate3d(0, 0, 0);
+ transform: translate3d(0, 0, 0);
+ }
}
.animate__slideInUp {
- -webkit-animation-name: slideInUp;
- animation-name: slideInUp;
+ -webkit-animation-name: slideInUp;
+ animation-name: slideInUp;
}
/* Sliding exits */
@-webkit-keyframes slideOutDown {
- from {
- -webkit-transform: translate3d(0, 0, 0);
- transform: translate3d(0, 0, 0);
- }
+ from {
+ -webkit-transform: translate3d(0, 0, 0);
+ transform: translate3d(0, 0, 0);
+ }
- to {
- visibility: hidden;
- -webkit-transform: translate3d(0, 100%, 0);
- transform: translate3d(0, 100%, 0);
- }
+ to {
+ visibility: hidden;
+ -webkit-transform: translate3d(0, 100%, 0);
+ transform: translate3d(0, 100%, 0);
+ }
}
@keyframes slideOutDown {
- from {
- -webkit-transform: translate3d(0, 0, 0);
- transform: translate3d(0, 0, 0);
- }
+ from {
+ -webkit-transform: translate3d(0, 0, 0);
+ transform: translate3d(0, 0, 0);
+ }
- to {
- visibility: hidden;
- -webkit-transform: translate3d(0, 100%, 0);
- transform: translate3d(0, 100%, 0);
- }
+ to {
+ visibility: hidden;
+ -webkit-transform: translate3d(0, 100%, 0);
+ transform: translate3d(0, 100%, 0);
+ }
}
.animate__slideOutDown {
- -webkit-animation-name: slideOutDown;
- animation-name: slideOutDown;
+ -webkit-animation-name: slideOutDown;
+ animation-name: slideOutDown;
}
@-webkit-keyframes slideOutLeft {
- from {
- -webkit-transform: translate3d(0, 0, 0);
- transform: translate3d(0, 0, 0);
- }
+ from {
+ -webkit-transform: translate3d(0, 0, 0);
+ transform: translate3d(0, 0, 0);
+ }
- to {
- visibility: hidden;
- -webkit-transform: translate3d(-100%, 0, 0);
- transform: translate3d(-100%, 0, 0);
- }
+ to {
+ visibility: hidden;
+ -webkit-transform: translate3d(-100%, 0, 0);
+ transform: translate3d(-100%, 0, 0);
+ }
}
@keyframes slideOutLeft {
- from {
- -webkit-transform: translate3d(0, 0, 0);
- transform: translate3d(0, 0, 0);
- }
+ from {
+ -webkit-transform: translate3d(0, 0, 0);
+ transform: translate3d(0, 0, 0);
+ }
- to {
- visibility: hidden;
- -webkit-transform: translate3d(-100%, 0, 0);
- transform: translate3d(-100%, 0, 0);
- }
+ to {
+ visibility: hidden;
+ -webkit-transform: translate3d(-100%, 0, 0);
+ transform: translate3d(-100%, 0, 0);
+ }
}
.animate__slideOutLeft {
- -webkit-animation-name: slideOutLeft;
- animation-name: slideOutLeft;
+ -webkit-animation-name: slideOutLeft;
+ animation-name: slideOutLeft;
}
@-webkit-keyframes slideOutRight {
- from {
- -webkit-transform: translate3d(0, 0, 0);
- transform: translate3d(0, 0, 0);
- }
+ from {
+ -webkit-transform: translate3d(0, 0, 0);
+ transform: translate3d(0, 0, 0);
+ }
- to {
- visibility: hidden;
- -webkit-transform: translate3d(100%, 0, 0);
- transform: translate3d(100%, 0, 0);
- }
+ to {
+ visibility: hidden;
+ -webkit-transform: translate3d(100%, 0, 0);
+ transform: translate3d(100%, 0, 0);
+ }
}
@keyframes slideOutRight {
- from {
- -webkit-transform: translate3d(0, 0, 0);
- transform: translate3d(0, 0, 0);
- }
+ from {
+ -webkit-transform: translate3d(0, 0, 0);
+ transform: translate3d(0, 0, 0);
+ }
- to {
- visibility: hidden;
- -webkit-transform: translate3d(100%, 0, 0);
- transform: translate3d(100%, 0, 0);
- }
+ to {
+ visibility: hidden;
+ -webkit-transform: translate3d(100%, 0, 0);
+ transform: translate3d(100%, 0, 0);
+ }
}
.animate__slideOutRight {
- -webkit-animation-name: slideOutRight;
- animation-name: slideOutRight;
+ -webkit-animation-name: slideOutRight;
+ animation-name: slideOutRight;
}
@-webkit-keyframes slideOutUp {
- from {
- -webkit-transform: translate3d(0, 0, 0);
- transform: translate3d(0, 0, 0);
- }
+ from {
+ -webkit-transform: translate3d(0, 0, 0);
+ transform: translate3d(0, 0, 0);
+ }
- to {
- visibility: hidden;
- -webkit-transform: translate3d(0, -100%, 0);
- transform: translate3d(0, -100%, 0);
- }
+ to {
+ visibility: hidden;
+ -webkit-transform: translate3d(0, -100%, 0);
+ transform: translate3d(0, -100%, 0);
+ }
}
@keyframes slideOutUp {
- from {
- -webkit-transform: translate3d(0, 0, 0);
- transform: translate3d(0, 0, 0);
- }
+ from {
+ -webkit-transform: translate3d(0, 0, 0);
+ transform: translate3d(0, 0, 0);
+ }
- to {
- visibility: hidden;
- -webkit-transform: translate3d(0, -100%, 0);
- transform: translate3d(0, -100%, 0);
- }
+ to {
+ visibility: hidden;
+ -webkit-transform: translate3d(0, -100%, 0);
+ transform: translate3d(0, -100%, 0);
+ }
}
.animate__slideOutUp {
- -webkit-animation-name: slideOutUp;
- animation-name: slideOutUp;
+ -webkit-animation-name: slideOutUp;
+ animation-name: slideOutUp;
}
diff --git a/src/.vuepress/styles/fonts.styl b/src/.vuepress/styles/fonts.styl
index 7e34219e..2dd76a24 100644
--- a/src/.vuepress/styles/fonts.styl
+++ b/src/.vuepress/styles/fonts.styl
@@ -1,6 +1,6 @@
@font-face
- font-family 'Material Icons'
+ font-family "Material Icons"
font-style normal
font-weight 400
- src url('~material-design-icons/iconfont/MaterialIcons-Regular.eot')
- src local('Material Icons'), local('MaterialIcons-Regular'), url('~material-design-icons/iconfont/MaterialIcons-Regular.woff2') format('woff2'), url('~material-design-icons/iconfont/MaterialIcons-Regular.woff') format('woff'), url('~material-design-icons/iconfont/MaterialIcons-Regular.ttf') format('truetype'), url('~material-design-icons/iconfont/MaterialIcons-Regular.svg#MaterialIcons-Regular') format('svg')
+ src url("~material-design-icons/iconfont/MaterialIcons-Regular.eot")
+ src local("Material Icons"), local("MaterialIcons-Regular"), url("~material-design-icons/iconfont/MaterialIcons-Regular.woff2") format("woff2"), url("~material-design-icons/iconfont/MaterialIcons-Regular.woff") format("woff"), url("~material-design-icons/iconfont/MaterialIcons-Regular.ttf") format("truetype"), url("~material-design-icons/iconfont/MaterialIcons-Regular.svg#MaterialIcons-Regular") format("svg")
diff --git a/src/.vuepress/styles/index.styl b/src/.vuepress/styles/index.styl
index 1fcbec11..92008a2f 100644
--- a/src/.vuepress/styles/index.styl
+++ b/src/.vuepress/styles/index.styl
@@ -72,7 +72,7 @@ font-feature-settings()
font-weight normal
&::before
&::after
- content ''
+ content ""
left 0
position absolute
&::before
diff --git a/src/.vuepress/styles/palette.styl b/src/.vuepress/styles/palette.styl
index 77bd3c39..1ecad519 100644
--- a/src/.vuepress/styles/palette.styl
+++ b/src/.vuepress/styles/palette.styl
@@ -23,8 +23,8 @@ $MQNarrow = 959px
$MQMobile = 767px
$MQMobileNarrow = 419px
// Fonts
-$buttonFontFamily = 'Open Sans', Roboto, -apple-system, BlinkMacSystemFont, Segoe UI, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif
-$codeFontFamily = source-code-pro, Menlo, Monaco, Consolas, 'Courier New', monospace
+$buttonFontFamily = "Open Sans", Roboto, -apple-system, BlinkMacSystemFont, Segoe UI, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif
+$codeFontFamily = source-code-pro, Menlo, Monaco, Consolas, "Courier New", monospace
// Forks
$nekoAccentColor = #3DDA83
$j2kAccentColor = $accentColor
diff --git a/src/.vuepress/styles/sweetalert2.css b/src/.vuepress/styles/sweetalert2.css
new file mode 100644
index 00000000..3a74496b
--- /dev/null
+++ b/src/.vuepress/styles/sweetalert2.css
@@ -0,0 +1,1371 @@
+.swal2-popup.swal2-toast {
+ flex-direction: row;
+ align-items: center;
+ width: auto;
+ padding: 0.625em;
+ overflow-y: hidden;
+ background: #fff;
+ box-shadow: 0 0 0.625em #d9d9d9;
+}
+.swal2-popup.swal2-toast .swal2-header {
+ flex-direction: row;
+}
+.swal2-popup.swal2-toast .swal2-title {
+ flex-grow: 1;
+ justify-content: flex-start;
+ margin: 0 0.6em;
+ font-size: 1em;
+}
+.swal2-popup.swal2-toast .swal2-footer {
+ margin: 0.5em 0 0;
+ padding: 0.5em 0 0;
+ font-size: 0.8em;
+}
+.swal2-popup.swal2-toast .swal2-close {
+ position: static;
+ width: 0.8em;
+ height: 0.8em;
+ line-height: 0.8;
+}
+.swal2-popup.swal2-toast .swal2-content {
+ justify-content: flex-start;
+ font-size: 1em;
+}
+.swal2-popup.swal2-toast .swal2-icon {
+ width: 2em;
+ min-width: 2em;
+ height: 2em;
+ margin: 0;
+}
+.swal2-popup.swal2-toast .swal2-icon .swal2-icon-content {
+ display: flex;
+ align-items: center;
+ font-size: 1.8em;
+ font-weight: bold;
+}
+@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
+ .swal2-popup.swal2-toast .swal2-icon .swal2-icon-content {
+ font-size: 0.25em;
+ }
+}
+.swal2-popup.swal2-toast .swal2-icon.swal2-success .swal2-success-ring {
+ width: 2em;
+ height: 2em;
+}
+.swal2-popup.swal2-toast .swal2-icon.swal2-error [class^=swal2-x-mark-line] {
+ top: 0.875em;
+ width: 1.375em;
+}
+.swal2-popup.swal2-toast .swal2-icon.swal2-error [class^=swal2-x-mark-line][class$=left] {
+ left: 0.3125em;
+}
+.swal2-popup.swal2-toast .swal2-icon.swal2-error [class^=swal2-x-mark-line][class$=right] {
+ right: 0.3125em;
+}
+.swal2-popup.swal2-toast .swal2-actions {
+ flex-basis: auto !important;
+ width: auto;
+ height: auto;
+ margin: 0 0.3125em;
+}
+.swal2-popup.swal2-toast .swal2-styled {
+ margin: 0 0.3125em;
+ padding: 0.3125em 0.625em;
+ font-size: 1em;
+}
+.swal2-popup.swal2-toast .swal2-styled:focus {
+ box-shadow: 0 0 0 1px #fff, 0 0 0 3px rgba(50, 100, 150, 0.4);
+}
+.swal2-popup.swal2-toast .swal2-success {
+ border-color: #a5dc86;
+}
+.swal2-popup.swal2-toast .swal2-success [class^=swal2-success-circular-line] {
+ position: absolute;
+ width: 1.6em;
+ height: 3em;
+ transform: rotate(45deg);
+ border-radius: 50%;
+}
+.swal2-popup.swal2-toast .swal2-success [class^=swal2-success-circular-line][class$=left] {
+ top: -0.8em;
+ left: -0.5em;
+ transform: rotate(-45deg);
+ transform-origin: 2em 2em;
+ border-radius: 4em 0 0 4em;
+}
+.swal2-popup.swal2-toast .swal2-success [class^=swal2-success-circular-line][class$=right] {
+ top: -0.25em;
+ left: 0.9375em;
+ transform-origin: 0 1.5em;
+ border-radius: 0 4em 4em 0;
+}
+.swal2-popup.swal2-toast .swal2-success .swal2-success-ring {
+ width: 2em;
+ height: 2em;
+}
+.swal2-popup.swal2-toast .swal2-success .swal2-success-fix {
+ top: 0;
+ left: 0.4375em;
+ width: 0.4375em;
+ height: 2.6875em;
+}
+.swal2-popup.swal2-toast .swal2-success [class^=swal2-success-line] {
+ height: 0.3125em;
+}
+.swal2-popup.swal2-toast .swal2-success [class^=swal2-success-line][class$=tip] {
+ top: 1.125em;
+ left: 0.1875em;
+ width: 0.75em;
+}
+.swal2-popup.swal2-toast .swal2-success [class^=swal2-success-line][class$=long] {
+ top: 0.9375em;
+ right: 0.1875em;
+ width: 1.375em;
+}
+.swal2-popup.swal2-toast .swal2-success.swal2-icon-show .swal2-success-line-tip {
+ -webkit-animation: swal2-toast-animate-success-line-tip 0.75s;
+ animation: swal2-toast-animate-success-line-tip 0.75s;
+}
+.swal2-popup.swal2-toast .swal2-success.swal2-icon-show .swal2-success-line-long {
+ -webkit-animation: swal2-toast-animate-success-line-long 0.75s;
+ animation: swal2-toast-animate-success-line-long 0.75s;
+}
+.swal2-popup.swal2-toast.swal2-show {
+ -webkit-animation: swal2-toast-show 0.5s;
+ animation: swal2-toast-show 0.5s;
+}
+.swal2-popup.swal2-toast.swal2-hide {
+ -webkit-animation: swal2-toast-hide 0.1s forwards;
+ animation: swal2-toast-hide 0.1s forwards;
+}
+
+.swal2-container {
+ display: flex;
+ position: fixed;
+ z-index: 1060;
+ top: 0;
+ right: 0;
+ bottom: 0;
+ left: 0;
+ flex-direction: row;
+ align-items: center;
+ justify-content: center;
+ padding: 0.625em;
+ overflow-x: hidden;
+ transition: background-color 0.1s;
+ -webkit-overflow-scrolling: touch;
+}
+.swal2-container.swal2-backdrop-show, .swal2-container.swal2-noanimation {
+ background: rgba(0, 0, 0, 0.4);
+}
+.swal2-container.swal2-backdrop-hide {
+ background: transparent !important;
+}
+.swal2-container.swal2-top {
+ align-items: flex-start;
+}
+.swal2-container.swal2-top-start, .swal2-container.swal2-top-left {
+ align-items: flex-start;
+ justify-content: flex-start;
+}
+.swal2-container.swal2-top-end, .swal2-container.swal2-top-right {
+ align-items: flex-start;
+ justify-content: flex-end;
+}
+.swal2-container.swal2-center {
+ align-items: center;
+}
+.swal2-container.swal2-center-start, .swal2-container.swal2-center-left {
+ align-items: center;
+ justify-content: flex-start;
+}
+.swal2-container.swal2-center-end, .swal2-container.swal2-center-right {
+ align-items: center;
+ justify-content: flex-end;
+}
+.swal2-container.swal2-bottom {
+ align-items: flex-end;
+}
+.swal2-container.swal2-bottom-start, .swal2-container.swal2-bottom-left {
+ align-items: flex-end;
+ justify-content: flex-start;
+}
+.swal2-container.swal2-bottom-end, .swal2-container.swal2-bottom-right {
+ align-items: flex-end;
+ justify-content: flex-end;
+}
+.swal2-container.swal2-bottom > :first-child, .swal2-container.swal2-bottom-start > :first-child, .swal2-container.swal2-bottom-left > :first-child, .swal2-container.swal2-bottom-end > :first-child, .swal2-container.swal2-bottom-right > :first-child {
+ margin-top: auto;
+}
+.swal2-container.swal2-grow-fullscreen > .swal2-modal {
+ display: flex !important;
+ flex: 1;
+ align-self: stretch;
+ justify-content: center;
+}
+.swal2-container.swal2-grow-row > .swal2-modal {
+ display: flex !important;
+ flex: 1;
+ align-content: center;
+ justify-content: center;
+}
+.swal2-container.swal2-grow-column {
+ flex: 1;
+ flex-direction: column;
+}
+.swal2-container.swal2-grow-column.swal2-top, .swal2-container.swal2-grow-column.swal2-center, .swal2-container.swal2-grow-column.swal2-bottom {
+ align-items: center;
+}
+.swal2-container.swal2-grow-column.swal2-top-start, .swal2-container.swal2-grow-column.swal2-center-start, .swal2-container.swal2-grow-column.swal2-bottom-start, .swal2-container.swal2-grow-column.swal2-top-left, .swal2-container.swal2-grow-column.swal2-center-left, .swal2-container.swal2-grow-column.swal2-bottom-left {
+ align-items: flex-start;
+}
+.swal2-container.swal2-grow-column.swal2-top-end, .swal2-container.swal2-grow-column.swal2-center-end, .swal2-container.swal2-grow-column.swal2-bottom-end, .swal2-container.swal2-grow-column.swal2-top-right, .swal2-container.swal2-grow-column.swal2-center-right, .swal2-container.swal2-grow-column.swal2-bottom-right {
+ align-items: flex-end;
+}
+.swal2-container.swal2-grow-column > .swal2-modal {
+ display: flex !important;
+ flex: 1;
+ align-content: center;
+ justify-content: center;
+}
+.swal2-container.swal2-no-transition {
+ transition: none !important;
+}
+.swal2-container:not(.swal2-top):not(.swal2-top-start):not(.swal2-top-end):not(.swal2-top-left):not(.swal2-top-right):not(.swal2-center-start):not(.swal2-center-end):not(.swal2-center-left):not(.swal2-center-right):not(.swal2-bottom):not(.swal2-bottom-start):not(.swal2-bottom-end):not(.swal2-bottom-left):not(.swal2-bottom-right):not(.swal2-grow-fullscreen) > .swal2-modal {
+ margin: auto;
+}
+@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
+ .swal2-container .swal2-modal {
+ margin: 0 !important;
+ }
+}
+
+.swal2-popup {
+ display: none;
+ position: relative;
+ box-sizing: border-box;
+ flex-direction: column;
+ justify-content: center;
+ width: 32em;
+ max-width: 100%;
+ padding: 1.25em;
+ border: none;
+ border-radius: 0.3125em;
+ background: #fff;
+ font-family: inherit;
+ font-size: 1rem;
+}
+.swal2-popup:focus {
+ outline: none;
+}
+.swal2-popup.swal2-loading {
+ overflow-y: hidden;
+}
+
+.swal2-header {
+ display: flex;
+ flex-direction: column;
+ align-items: center;
+}
+
+.swal2-title {
+ position: relative;
+ max-width: 100%;
+ margin: 0 0 0.4em;
+ padding: 0;
+ color: #595959;
+ font-size: 1.875em;
+ font-weight: 600;
+ text-align: center;
+ text-transform: none;
+ word-wrap: break-word;
+}
+
+.swal2-actions {
+ display: flex;
+ z-index: 1;
+ flex-wrap: wrap;
+ align-items: center;
+ justify-content: center;
+ width: 100%;
+ margin: 1.25em auto 0;
+}
+.swal2-actions:not(.swal2-loading) .swal2-styled[disabled] {
+ opacity: 0.4;
+}
+.swal2-actions:not(.swal2-loading) .swal2-styled:hover {
+ background-image: linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1));
+}
+.swal2-actions:not(.swal2-loading) .swal2-styled:active {
+ background-image: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2));
+}
+.swal2-actions.swal2-loading .swal2-styled.swal2-confirm {
+ box-sizing: border-box;
+ width: 2.5em;
+ height: 2.5em;
+ margin: 0.46875em;
+ padding: 0;
+ -webkit-animation: swal2-rotate-loading 1.5s linear 0s infinite normal;
+ animation: swal2-rotate-loading 1.5s linear 0s infinite normal;
+ border: 0.25em solid transparent;
+ border-radius: 100%;
+ border-color: transparent;
+ background-color: transparent !important;
+ color: transparent !important;
+ cursor: default;
+ -webkit-user-select: none;
+ -moz-user-select: none;
+ -ms-user-select: none;
+ user-select: none;
+}
+.swal2-actions.swal2-loading .swal2-styled.swal2-cancel {
+ margin-right: 30px;
+ margin-left: 30px;
+}
+.swal2-actions.swal2-loading :not(.swal2-styled).swal2-confirm::after {
+ content: "";
+ display: inline-block;
+ width: 15px;
+ height: 15px;
+ margin-left: 5px;
+ -webkit-animation: swal2-rotate-loading 1.5s linear 0s infinite normal;
+ animation: swal2-rotate-loading 1.5s linear 0s infinite normal;
+ border: 3px solid #999999;
+ border-radius: 50%;
+ border-right-color: transparent;
+ box-shadow: 1px 1px 1px #fff;
+}
+
+.swal2-styled {
+ margin: 0.3125em;
+ padding: 0.625em 2em;
+ box-shadow: none;
+ font-weight: 500;
+}
+.swal2-styled:not([disabled]) {
+ cursor: pointer;
+}
+.swal2-styled.swal2-confirm {
+ border: 0;
+ border-radius: 0.25em;
+ background: initial;
+ background-color: #3085d6;
+ color: #fff;
+ font-size: 1.0625em;
+}
+.swal2-styled.swal2-cancel {
+ border: 0;
+ border-radius: 0.25em;
+ background: initial;
+ background-color: #aaa;
+ color: #fff;
+ font-size: 1.0625em;
+}
+.swal2-styled:focus {
+ outline: none;
+ box-shadow: 0 0 0 1px #fff, 0 0 0 3px rgba(50, 100, 150, 0.4);
+}
+.swal2-styled::-moz-focus-inner {
+ border: 0;
+}
+
+.swal2-footer {
+ justify-content: center;
+ margin: 1.25em 0 0;
+ padding: 1em 0 0;
+ border-top: 1px solid #eee;
+ color: #545454;
+ font-size: 1em;
+}
+
+.swal2-timer-progress-bar-container {
+ position: absolute;
+ right: 0;
+ bottom: 0;
+ left: 0;
+ height: 0.25em;
+ overflow: hidden;
+ border-bottom-right-radius: 0.3125em;
+ border-bottom-left-radius: 0.3125em;
+}
+
+.swal2-timer-progress-bar {
+ width: 100%;
+ height: 0.25em;
+ background: rgba(0, 0, 0, 0.2);
+}
+
+.swal2-image {
+ max-width: 100%;
+ margin: 1.25em auto;
+}
+
+.swal2-close {
+ position: absolute;
+ z-index: 2;
+ top: 0;
+ right: 0;
+ align-items: center;
+ justify-content: center;
+ width: 1.2em;
+ height: 1.2em;
+ padding: 0;
+ overflow: hidden;
+ transition: color 0.1s ease-out;
+ border: none;
+ border-radius: 0;
+ background: transparent;
+ color: #cccccc;
+ font-family: serif;
+ font-size: 2.5em;
+ line-height: 1.2;
+ cursor: pointer;
+}
+.swal2-close:hover {
+ transform: none;
+ background: transparent;
+ color: #f27474;
+}
+.swal2-close::-moz-focus-inner {
+ border: 0;
+}
+
+.swal2-content {
+ z-index: 1;
+ justify-content: center;
+ margin: 0;
+ padding: 0;
+ color: #545454;
+ font-size: 1.125em;
+ font-weight: normal;
+ line-height: normal;
+ text-align: center;
+ word-wrap: break-word;
+}
+
+.swal2-input,
+.swal2-file,
+.swal2-textarea,
+.swal2-select,
+.swal2-radio,
+.swal2-checkbox {
+ margin: 1em auto;
+}
+
+.swal2-input,
+.swal2-file,
+.swal2-textarea {
+ box-sizing: border-box;
+ width: 100%;
+ transition: border-color 0.3s, box-shadow 0.3s;
+ border: 1px solid #d9d9d9;
+ border-radius: 0.1875em;
+ background: inherit;
+ box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.06);
+ color: inherit;
+ font-size: 1.125em;
+}
+.swal2-input.swal2-inputerror,
+.swal2-file.swal2-inputerror,
+.swal2-textarea.swal2-inputerror {
+ border-color: #f27474 !important;
+ box-shadow: 0 0 2px #f27474 !important;
+}
+.swal2-input:focus,
+.swal2-file:focus,
+.swal2-textarea:focus {
+ border: 1px solid #b4dbed;
+ outline: none;
+ box-shadow: 0 0 3px #c4e6f5;
+}
+.swal2-input::-webkit-input-placeholder, .swal2-file::-webkit-input-placeholder, .swal2-textarea::-webkit-input-placeholder {
+ color: #cccccc;
+}
+.swal2-input::-moz-placeholder, .swal2-file::-moz-placeholder, .swal2-textarea::-moz-placeholder {
+ color: #cccccc;
+}
+.swal2-input:-ms-input-placeholder, .swal2-file:-ms-input-placeholder, .swal2-textarea:-ms-input-placeholder {
+ color: #cccccc;
+}
+.swal2-input::-ms-input-placeholder, .swal2-file::-ms-input-placeholder, .swal2-textarea::-ms-input-placeholder {
+ color: #cccccc;
+}
+.swal2-input::placeholder,
+.swal2-file::placeholder,
+.swal2-textarea::placeholder {
+ color: #cccccc;
+}
+
+.swal2-range {
+ margin: 1em auto;
+ background: #fff;
+}
+.swal2-range input {
+ width: 80%;
+}
+.swal2-range output {
+ width: 20%;
+ color: inherit;
+ font-weight: 600;
+ text-align: center;
+}
+.swal2-range input,
+.swal2-range output {
+ height: 2.625em;
+ padding: 0;
+ font-size: 1.125em;
+ line-height: 2.625em;
+}
+
+.swal2-input {
+ height: 2.625em;
+ padding: 0 0.75em;
+}
+.swal2-input[type=number] {
+ max-width: 10em;
+}
+
+.swal2-file {
+ background: inherit;
+ font-size: 1.125em;
+}
+
+.swal2-textarea {
+ height: 6.75em;
+ padding: 0.75em;
+}
+
+.swal2-select {
+ min-width: 50%;
+ max-width: 100%;
+ padding: 0.375em 0.625em;
+ background: inherit;
+ color: inherit;
+ font-size: 1.125em;
+}
+
+.swal2-radio,
+.swal2-checkbox {
+ align-items: center;
+ justify-content: center;
+ background: #fff;
+ color: inherit;
+}
+.swal2-radio label,
+.swal2-checkbox label {
+ margin: 0 0.6em;
+ font-size: 1.125em;
+}
+.swal2-radio input,
+.swal2-checkbox input {
+ margin: 0 0.4em;
+}
+
+.swal2-validation-message {
+ display: none;
+ align-items: center;
+ justify-content: center;
+ padding: 0.625em;
+ overflow: hidden;
+ background: #f0f0f0;
+ color: #666666;
+ font-size: 1em;
+ font-weight: 300;
+}
+.swal2-validation-message::before {
+ content: "!";
+ display: inline-block;
+ width: 1.5em;
+ min-width: 1.5em;
+ height: 1.5em;
+ margin: 0 0.625em;
+ border-radius: 50%;
+ background-color: #f27474;
+ color: #fff;
+ font-weight: 600;
+ line-height: 1.5em;
+ text-align: center;
+}
+
+.swal2-icon {
+ position: relative;
+ box-sizing: content-box;
+ justify-content: center;
+ width: 5em;
+ height: 5em;
+ margin: 1.25em auto 1.875em;
+ border: 0.25em solid transparent;
+ border-radius: 50%;
+ font-family: inherit;
+ line-height: 5em;
+ cursor: default;
+ -webkit-user-select: none;
+ -moz-user-select: none;
+ -ms-user-select: none;
+ user-select: none;
+}
+.swal2-icon .swal2-icon-content {
+ display: flex;
+ align-items: center;
+ font-size: 3.75em;
+}
+.swal2-icon.swal2-error {
+ border-color: #f27474;
+ color: #f27474;
+}
+.swal2-icon.swal2-error .swal2-x-mark {
+ position: relative;
+ flex-grow: 1;
+}
+.swal2-icon.swal2-error [class^=swal2-x-mark-line] {
+ display: block;
+ position: absolute;
+ top: 2.3125em;
+ width: 2.9375em;
+ height: 0.3125em;
+ border-radius: 0.125em;
+ background-color: #f27474;
+}
+.swal2-icon.swal2-error [class^=swal2-x-mark-line][class$=left] {
+ left: 1.0625em;
+ transform: rotate(45deg);
+}
+.swal2-icon.swal2-error [class^=swal2-x-mark-line][class$=right] {
+ right: 1em;
+ transform: rotate(-45deg);
+}
+.swal2-icon.swal2-error.swal2-icon-show {
+ -webkit-animation: swal2-animate-error-icon 0.5s;
+ animation: swal2-animate-error-icon 0.5s;
+}
+.swal2-icon.swal2-error.swal2-icon-show .swal2-x-mark {
+ -webkit-animation: swal2-animate-error-x-mark 0.5s;
+ animation: swal2-animate-error-x-mark 0.5s;
+}
+.swal2-icon.swal2-warning {
+ border-color: #facea8;
+ color: #f8bb86;
+}
+.swal2-icon.swal2-info {
+ border-color: #9de0f6;
+ color: #3fc3ee;
+}
+.swal2-icon.swal2-question {
+ border-color: #c9dae1;
+ color: #87adbd;
+}
+.swal2-icon.swal2-success {
+ border-color: #a5dc86;
+ color: #a5dc86;
+}
+.swal2-icon.swal2-success [class^=swal2-success-circular-line] {
+ position: absolute;
+ width: 3.75em;
+ height: 7.5em;
+ transform: rotate(45deg);
+ border-radius: 50%;
+}
+.swal2-icon.swal2-success [class^=swal2-success-circular-line][class$=left] {
+ top: -0.4375em;
+ left: -2.0635em;
+ transform: rotate(-45deg);
+ transform-origin: 3.75em 3.75em;
+ border-radius: 7.5em 0 0 7.5em;
+}
+.swal2-icon.swal2-success [class^=swal2-success-circular-line][class$=right] {
+ top: -0.6875em;
+ left: 1.875em;
+ transform: rotate(-45deg);
+ transform-origin: 0 3.75em;
+ border-radius: 0 7.5em 7.5em 0;
+}
+.swal2-icon.swal2-success .swal2-success-ring {
+ position: absolute;
+ z-index: 2;
+ top: -0.25em;
+ left: -0.25em;
+ box-sizing: content-box;
+ width: 100%;
+ height: 100%;
+ border: 0.25em solid rgba(165, 220, 134, 0.3);
+ border-radius: 50%;
+}
+.swal2-icon.swal2-success .swal2-success-fix {
+ position: absolute;
+ z-index: 1;
+ top: 0.5em;
+ left: 1.625em;
+ width: 0.4375em;
+ height: 5.625em;
+ transform: rotate(-45deg);
+}
+.swal2-icon.swal2-success [class^=swal2-success-line] {
+ display: block;
+ position: absolute;
+ z-index: 2;
+ height: 0.3125em;
+ border-radius: 0.125em;
+ background-color: #a5dc86;
+}
+.swal2-icon.swal2-success [class^=swal2-success-line][class$=tip] {
+ top: 2.875em;
+ left: 0.8125em;
+ width: 1.5625em;
+ transform: rotate(45deg);
+}
+.swal2-icon.swal2-success [class^=swal2-success-line][class$=long] {
+ top: 2.375em;
+ right: 0.5em;
+ width: 2.9375em;
+ transform: rotate(-45deg);
+}
+.swal2-icon.swal2-success.swal2-icon-show .swal2-success-line-tip {
+ -webkit-animation: swal2-animate-success-line-tip 0.75s;
+ animation: swal2-animate-success-line-tip 0.75s;
+}
+.swal2-icon.swal2-success.swal2-icon-show .swal2-success-line-long {
+ -webkit-animation: swal2-animate-success-line-long 0.75s;
+ animation: swal2-animate-success-line-long 0.75s;
+}
+.swal2-icon.swal2-success.swal2-icon-show .swal2-success-circular-line-right {
+ -webkit-animation: swal2-rotate-success-circular-line 4.25s ease-in;
+ animation: swal2-rotate-success-circular-line 4.25s ease-in;
+}
+
+.swal2-progress-steps {
+ align-items: center;
+ margin: 0 0 1.25em;
+ padding: 0;
+ background: inherit;
+ font-weight: 600;
+}
+.swal2-progress-steps li {
+ display: inline-block;
+ position: relative;
+}
+.swal2-progress-steps .swal2-progress-step {
+ z-index: 20;
+ width: 2em;
+ height: 2em;
+ border-radius: 2em;
+ background: #3085d6;
+ color: #fff;
+ line-height: 2em;
+ text-align: center;
+}
+.swal2-progress-steps .swal2-progress-step.swal2-active-progress-step {
+ background: #3085d6;
+}
+.swal2-progress-steps .swal2-progress-step.swal2-active-progress-step ~ .swal2-progress-step {
+ background: #add8e6;
+ color: #fff;
+}
+.swal2-progress-steps .swal2-progress-step.swal2-active-progress-step ~ .swal2-progress-step-line {
+ background: #add8e6;
+}
+.swal2-progress-steps .swal2-progress-step-line {
+ z-index: 10;
+ width: 2.5em;
+ height: 0.4em;
+ margin: 0 -1px;
+ background: #3085d6;
+}
+
+[class^=swal2] {
+ -webkit-tap-highlight-color: transparent;
+}
+
+.swal2-show {
+ -webkit-animation: swal2-show 0.3s;
+ animation: swal2-show 0.3s;
+}
+
+.swal2-hide {
+ -webkit-animation: swal2-hide 0.15s forwards;
+ animation: swal2-hide 0.15s forwards;
+}
+
+.swal2-noanimation {
+ transition: none;
+}
+
+.swal2-scrollbar-measure {
+ position: absolute;
+ top: -9999px;
+ width: 50px;
+ height: 50px;
+ overflow: scroll;
+}
+
+.swal2-rtl .swal2-close {
+ right: auto;
+ left: 0;
+}
+.swal2-rtl .swal2-timer-progress-bar {
+ right: 0;
+ left: auto;
+}
+
+@supports (-ms-accelerator: true) {
+ .swal2-range input {
+ width: 100% !important;
+ }
+ .swal2-range output {
+ display: none;
+ }
+}
+@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
+ .swal2-range input {
+ width: 100% !important;
+ }
+ .swal2-range output {
+ display: none;
+ }
+}
+@-moz-document url-prefix() {
+ .swal2-close:focus {
+ outline: 2px solid rgba(50, 100, 150, 0.4);
+ }
+}
+@-webkit-keyframes swal2-toast-show {
+ 0% {
+ transform: translateY(-0.625em) rotateZ(2deg);
+ }
+ 33% {
+ transform: translateY(0) rotateZ(-2deg);
+ }
+ 66% {
+ transform: translateY(0.3125em) rotateZ(2deg);
+ }
+ 100% {
+ transform: translateY(0) rotateZ(0deg);
+ }
+}
+@keyframes swal2-toast-show {
+ 0% {
+ transform: translateY(-0.625em) rotateZ(2deg);
+ }
+ 33% {
+ transform: translateY(0) rotateZ(-2deg);
+ }
+ 66% {
+ transform: translateY(0.3125em) rotateZ(2deg);
+ }
+ 100% {
+ transform: translateY(0) rotateZ(0deg);
+ }
+}
+@-webkit-keyframes swal2-toast-hide {
+ 100% {
+ transform: rotateZ(1deg);
+ opacity: 0;
+ }
+}
+@keyframes swal2-toast-hide {
+ 100% {
+ transform: rotateZ(1deg);
+ opacity: 0;
+ }
+}
+@-webkit-keyframes swal2-toast-animate-success-line-tip {
+ 0% {
+ top: 0.5625em;
+ left: 0.0625em;
+ width: 0;
+ }
+ 54% {
+ top: 0.125em;
+ left: 0.125em;
+ width: 0;
+ }
+ 70% {
+ top: 0.625em;
+ left: -0.25em;
+ width: 1.625em;
+ }
+ 84% {
+ top: 1.0625em;
+ left: 0.75em;
+ width: 0.5em;
+ }
+ 100% {
+ top: 1.125em;
+ left: 0.1875em;
+ width: 0.75em;
+ }
+}
+@keyframes swal2-toast-animate-success-line-tip {
+ 0% {
+ top: 0.5625em;
+ left: 0.0625em;
+ width: 0;
+ }
+ 54% {
+ top: 0.125em;
+ left: 0.125em;
+ width: 0;
+ }
+ 70% {
+ top: 0.625em;
+ left: -0.25em;
+ width: 1.625em;
+ }
+ 84% {
+ top: 1.0625em;
+ left: 0.75em;
+ width: 0.5em;
+ }
+ 100% {
+ top: 1.125em;
+ left: 0.1875em;
+ width: 0.75em;
+ }
+}
+@-webkit-keyframes swal2-toast-animate-success-line-long {
+ 0% {
+ top: 1.625em;
+ right: 1.375em;
+ width: 0;
+ }
+ 65% {
+ top: 1.25em;
+ right: 0.9375em;
+ width: 0;
+ }
+ 84% {
+ top: 0.9375em;
+ right: 0;
+ width: 1.125em;
+ }
+ 100% {
+ top: 0.9375em;
+ right: 0.1875em;
+ width: 1.375em;
+ }
+}
+@keyframes swal2-toast-animate-success-line-long {
+ 0% {
+ top: 1.625em;
+ right: 1.375em;
+ width: 0;
+ }
+ 65% {
+ top: 1.25em;
+ right: 0.9375em;
+ width: 0;
+ }
+ 84% {
+ top: 0.9375em;
+ right: 0;
+ width: 1.125em;
+ }
+ 100% {
+ top: 0.9375em;
+ right: 0.1875em;
+ width: 1.375em;
+ }
+}
+@-webkit-keyframes swal2-show {
+ 0% {
+ transform: scale(0.7);
+ }
+ 45% {
+ transform: scale(1.05);
+ }
+ 80% {
+ transform: scale(0.95);
+ }
+ 100% {
+ transform: scale(1);
+ }
+}
+@keyframes swal2-show {
+ 0% {
+ transform: scale(0.7);
+ }
+ 45% {
+ transform: scale(1.05);
+ }
+ 80% {
+ transform: scale(0.95);
+ }
+ 100% {
+ transform: scale(1);
+ }
+}
+@-webkit-keyframes swal2-hide {
+ 0% {
+ transform: scale(1);
+ opacity: 1;
+ }
+ 100% {
+ transform: scale(0.5);
+ opacity: 0;
+ }
+}
+@keyframes swal2-hide {
+ 0% {
+ transform: scale(1);
+ opacity: 1;
+ }
+ 100% {
+ transform: scale(0.5);
+ opacity: 0;
+ }
+}
+@-webkit-keyframes swal2-animate-success-line-tip {
+ 0% {
+ top: 1.1875em;
+ left: 0.0625em;
+ width: 0;
+ }
+ 54% {
+ top: 1.0625em;
+ left: 0.125em;
+ width: 0;
+ }
+ 70% {
+ top: 2.1875em;
+ left: -0.375em;
+ width: 3.125em;
+ }
+ 84% {
+ top: 3em;
+ left: 1.3125em;
+ width: 1.0625em;
+ }
+ 100% {
+ top: 2.8125em;
+ left: 0.8125em;
+ width: 1.5625em;
+ }
+}
+@keyframes swal2-animate-success-line-tip {
+ 0% {
+ top: 1.1875em;
+ left: 0.0625em;
+ width: 0;
+ }
+ 54% {
+ top: 1.0625em;
+ left: 0.125em;
+ width: 0;
+ }
+ 70% {
+ top: 2.1875em;
+ left: -0.375em;
+ width: 3.125em;
+ }
+ 84% {
+ top: 3em;
+ left: 1.3125em;
+ width: 1.0625em;
+ }
+ 100% {
+ top: 2.8125em;
+ left: 0.8125em;
+ width: 1.5625em;
+ }
+}
+@-webkit-keyframes swal2-animate-success-line-long {
+ 0% {
+ top: 3.375em;
+ right: 2.875em;
+ width: 0;
+ }
+ 65% {
+ top: 3.375em;
+ right: 2.875em;
+ width: 0;
+ }
+ 84% {
+ top: 2.1875em;
+ right: 0;
+ width: 3.4375em;
+ }
+ 100% {
+ top: 2.375em;
+ right: 0.5em;
+ width: 2.9375em;
+ }
+}
+@keyframes swal2-animate-success-line-long {
+ 0% {
+ top: 3.375em;
+ right: 2.875em;
+ width: 0;
+ }
+ 65% {
+ top: 3.375em;
+ right: 2.875em;
+ width: 0;
+ }
+ 84% {
+ top: 2.1875em;
+ right: 0;
+ width: 3.4375em;
+ }
+ 100% {
+ top: 2.375em;
+ right: 0.5em;
+ width: 2.9375em;
+ }
+}
+@-webkit-keyframes swal2-rotate-success-circular-line {
+ 0% {
+ transform: rotate(-45deg);
+ }
+ 5% {
+ transform: rotate(-45deg);
+ }
+ 12% {
+ transform: rotate(-405deg);
+ }
+ 100% {
+ transform: rotate(-405deg);
+ }
+}
+@keyframes swal2-rotate-success-circular-line {
+ 0% {
+ transform: rotate(-45deg);
+ }
+ 5% {
+ transform: rotate(-45deg);
+ }
+ 12% {
+ transform: rotate(-405deg);
+ }
+ 100% {
+ transform: rotate(-405deg);
+ }
+}
+@-webkit-keyframes swal2-animate-error-x-mark {
+ 0% {
+ margin-top: 1.625em;
+ transform: scale(0.4);
+ opacity: 0;
+ }
+ 50% {
+ margin-top: 1.625em;
+ transform: scale(0.4);
+ opacity: 0;
+ }
+ 80% {
+ margin-top: -0.375em;
+ transform: scale(1.15);
+ }
+ 100% {
+ margin-top: 0;
+ transform: scale(1);
+ opacity: 1;
+ }
+}
+@keyframes swal2-animate-error-x-mark {
+ 0% {
+ margin-top: 1.625em;
+ transform: scale(0.4);
+ opacity: 0;
+ }
+ 50% {
+ margin-top: 1.625em;
+ transform: scale(0.4);
+ opacity: 0;
+ }
+ 80% {
+ margin-top: -0.375em;
+ transform: scale(1.15);
+ }
+ 100% {
+ margin-top: 0;
+ transform: scale(1);
+ opacity: 1;
+ }
+}
+@-webkit-keyframes swal2-animate-error-icon {
+ 0% {
+ transform: rotateX(100deg);
+ opacity: 0;
+ }
+ 100% {
+ transform: rotateX(0deg);
+ opacity: 1;
+ }
+}
+@keyframes swal2-animate-error-icon {
+ 0% {
+ transform: rotateX(100deg);
+ opacity: 0;
+ }
+ 100% {
+ transform: rotateX(0deg);
+ opacity: 1;
+ }
+}
+@-webkit-keyframes swal2-rotate-loading {
+ 0% {
+ transform: rotate(0deg);
+ }
+ 100% {
+ transform: rotate(360deg);
+ }
+}
+@keyframes swal2-rotate-loading {
+ 0% {
+ transform: rotate(0deg);
+ }
+ 100% {
+ transform: rotate(360deg);
+ }
+}
+body.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown) {
+ overflow: hidden;
+}
+body.swal2-height-auto {
+ height: auto !important;
+}
+body.swal2-no-backdrop .swal2-container {
+ top: auto;
+ right: auto;
+ bottom: auto;
+ left: auto;
+ max-width: calc(100% - 0.625em * 2);
+ background-color: transparent !important;
+}
+body.swal2-no-backdrop .swal2-container > .swal2-modal {
+ box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
+}
+body.swal2-no-backdrop .swal2-container.swal2-top {
+ top: 0;
+ left: 50%;
+ transform: translateX(-50%);
+}
+body.swal2-no-backdrop .swal2-container.swal2-top-start, body.swal2-no-backdrop .swal2-container.swal2-top-left {
+ top: 0;
+ left: 0;
+}
+body.swal2-no-backdrop .swal2-container.swal2-top-end, body.swal2-no-backdrop .swal2-container.swal2-top-right {
+ top: 0;
+ right: 0;
+}
+body.swal2-no-backdrop .swal2-container.swal2-center {
+ top: 50%;
+ left: 50%;
+ transform: translate(-50%, -50%);
+}
+body.swal2-no-backdrop .swal2-container.swal2-center-start, body.swal2-no-backdrop .swal2-container.swal2-center-left {
+ top: 50%;
+ left: 0;
+ transform: translateY(-50%);
+}
+body.swal2-no-backdrop .swal2-container.swal2-center-end, body.swal2-no-backdrop .swal2-container.swal2-center-right {
+ top: 50%;
+ right: 0;
+ transform: translateY(-50%);
+}
+body.swal2-no-backdrop .swal2-container.swal2-bottom {
+ bottom: 0;
+ left: 50%;
+ transform: translateX(-50%);
+}
+body.swal2-no-backdrop .swal2-container.swal2-bottom-start, body.swal2-no-backdrop .swal2-container.swal2-bottom-left {
+ bottom: 0;
+ left: 0;
+}
+body.swal2-no-backdrop .swal2-container.swal2-bottom-end, body.swal2-no-backdrop .swal2-container.swal2-bottom-right {
+ right: 0;
+ bottom: 0;
+}
+@media print {
+ body.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown) {
+ overflow-y: scroll !important;
+ }
+ body.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown) > [aria-hidden=true] {
+ display: none;
+ }
+ body.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown) .swal2-container {
+ position: static !important;
+ }
+}
+body.swal2-toast-shown .swal2-container {
+ background-color: transparent;
+}
+body.swal2-toast-shown .swal2-container.swal2-top {
+ top: 0;
+ right: auto;
+ bottom: auto;
+ left: 50%;
+ transform: translateX(-50%);
+}
+body.swal2-toast-shown .swal2-container.swal2-top-end, body.swal2-toast-shown .swal2-container.swal2-top-right {
+ top: 0;
+ right: 0;
+ bottom: auto;
+ left: auto;
+}
+body.swal2-toast-shown .swal2-container.swal2-top-start, body.swal2-toast-shown .swal2-container.swal2-top-left {
+ top: 0;
+ right: auto;
+ bottom: auto;
+ left: 0;
+}
+body.swal2-toast-shown .swal2-container.swal2-center-start, body.swal2-toast-shown .swal2-container.swal2-center-left {
+ top: 50%;
+ right: auto;
+ bottom: auto;
+ left: 0;
+ transform: translateY(-50%);
+}
+body.swal2-toast-shown .swal2-container.swal2-center {
+ top: 50%;
+ right: auto;
+ bottom: auto;
+ left: 50%;
+ transform: translate(-50%, -50%);
+}
+body.swal2-toast-shown .swal2-container.swal2-center-end, body.swal2-toast-shown .swal2-container.swal2-center-right {
+ top: 50%;
+ right: 0;
+ bottom: auto;
+ left: auto;
+ transform: translateY(-50%);
+}
+body.swal2-toast-shown .swal2-container.swal2-bottom-start, body.swal2-toast-shown .swal2-container.swal2-bottom-left {
+ top: auto;
+ right: auto;
+ bottom: 0;
+ left: 0;
+}
+body.swal2-toast-shown .swal2-container.swal2-bottom {
+ top: auto;
+ right: auto;
+ bottom: 0;
+ left: 50%;
+ transform: translateX(-50%);
+}
+body.swal2-toast-shown .swal2-container.swal2-bottom-end, body.swal2-toast-shown .swal2-container.swal2-bottom-right {
+ top: auto;
+ right: 0;
+ bottom: 0;
+ left: auto;
+}
+body.swal2-toast-column .swal2-toast {
+ flex-direction: column;
+ align-items: stretch;
+}
+body.swal2-toast-column .swal2-toast .swal2-actions {
+ flex: 1;
+ align-self: stretch;
+ height: 2.2em;
+ margin-top: 0.3125em;
+}
+body.swal2-toast-column .swal2-toast .swal2-loading {
+ justify-content: center;
+}
+body.swal2-toast-column .swal2-toast .swal2-input {
+ height: 2em;
+ margin: 0.3125em auto;
+ font-size: 1em;
+}
+body.swal2-toast-column .swal2-toast .swal2-validation-message {
+ font-size: 1em;
+}
\ No newline at end of file
diff --git a/src/.vuepress/theme/components/AlgoliaSearchBox.vue b/src/.vuepress/theme/components/AlgoliaSearchBox.vue
index b075d77a..84eae6df 100644
--- a/src/.vuepress/theme/components/AlgoliaSearchBox.vue
+++ b/src/.vuepress/theme/components/AlgoliaSearchBox.vue
@@ -1,182 +1,195 @@
-
+
diff --git a/src/.vuepress/theme/components/Home.vue b/src/.vuepress/theme/components/Home.vue
index 7f920981..fdbffaac 100644
--- a/src/.vuepress/theme/components/Home.vue
+++ b/src/.vuepress/theme/components/Home.vue
@@ -230,6 +230,7 @@ export default {
popup:
"animate__animated animate__faster animate__zoomOut",
},
+ // eslint-disable-next-line no-shadow
}).then((result) => {
if (result.value) {
this.$swal({
diff --git a/src/.vuepress/theme/components/Navbar.vue b/src/.vuepress/theme/components/Navbar.vue
index f0d17bf6..e526a71c 100644
--- a/src/.vuepress/theme/components/Navbar.vue
+++ b/src/.vuepress/theme/components/Navbar.vue
@@ -1,95 +1,114 @@
-
-
+
+
-
-
- {{ $siteTitle }}
-
+
+
+ {{ $siteTitle }}
+
-
-
+
+
@@ -98,44 +117,44 @@ $navbar-vertical-padding = 0.7rem
$navbar-horizontal-padding = 1.5rem
.navbar
- padding $navbar-vertical-padding $navbar-horizontal-padding
- line-height $navbarHeight - 1.4rem
- a, span, img
- display inline-block
- .logo
- height $navbarHeight - 1.4rem
- min-width $navbarHeight - 1.4rem
- margin-right 0.8rem
- vertical-align top
- .site-name
- font-size 1.3rem
- font-weight 600
- color $textColor
- position relative
- .links
- padding-left 1.5rem
- box-sizing border-box
- background-color white
- white-space nowrap
- font-size 0.9rem
- position absolute
- right $navbar-horizontal-padding
- top $navbar-vertical-padding
- display flex
- .search-box
- flex: 0 0 auto
- vertical-align top
+ padding $navbar-vertical-padding $navbar-horizontal-padding
+ line-height $navbarHeight - 1.4rem
+ a, span, img
+ display inline-block
+ .logo
+ height $navbarHeight - 1.4rem
+ min-width $navbarHeight - 1.4rem
+ margin-right 0.8rem
+ vertical-align top
+ .site-name
+ font-size 1.3rem
+ font-weight 600
+ color $textColor
+ position relative
+ .links
+ padding-left 1.5rem
+ box-sizing border-box
+ background-color white
+ white-space nowrap
+ font-size 0.9rem
+ position absolute
+ right $navbar-horizontal-padding
+ top $navbar-vertical-padding
+ display flex
+ .search-box
+ flex: 0 0 auto
+ vertical-align top
@media (max-width: $MQMobile)
- .navbar
- padding-left 4rem
- .can-hide
- display none
- .links
- padding-left 1.5rem
- .site-name
- width calc(100vw - 9.4rem)
- overflow hidden
- white-space nowrap
- text-overflow ellipsis
+ .navbar
+ padding-left 4rem
+ .can-hide
+ display none
+ .links
+ padding-left 1.5rem
+ .site-name
+ width calc(100vw - 9.4rem)
+ overflow hidden
+ white-space nowrap
+ text-overflow ellipsis
diff --git a/src/.vuepress/theme/index.js b/src/.vuepress/theme/index.js
index 22ed22b9..02eec7df 100644
--- a/src/.vuepress/theme/index.js
+++ b/src/.vuepress/theme/index.js
@@ -1,3 +1,3 @@
module.exports = {
- extend: "@vuepress/theme-default"
+ extend: "@vuepress/theme-default",
};
diff --git a/src/README.md b/src/README.md
index 8346f6bf..7fa0cb5b 100644
--- a/src/README.md
+++ b/src/README.md
@@ -6,14 +6,14 @@ buttonDownload: Download
buttonGuides: User guide
buttonGuidesLink: /help/guides/getting-started
features:
- - title: Tracking
- details: Automatically keep track of your manga with MyAnimeList, AniList, Kitsu, Shikimori, and Bangumi.
- image: Library
- - title: Extensions
- details: Online reading from sources such as MangaDex, MangaKakalot and hundreds more.
- image: Browse
- - title: Customization
- details: A configurable reader with multiple viewers, reading directions and other settings.
- image: Manga
+ - title: Tracking
+ details: Automatically keep track of your manga with MyAnimeList, AniList, Kitsu, Shikimori, and Bangumi.
+ image: Library
+ - title: Extensions
+ details: Online reading from sources such as MangaDex, MangaKakalot and hundreds more.
+ image: Browse
+ - title: Customization
+ details: A configurable reader with multiple viewers, reading directions and other settings.
+ image: Manga
footer: Apache Licensed | Copyright © 2015-present Javier Tomás
---
diff --git a/src/help/contribution.md b/src/help/contribution.md
index e1befa87..1fffb97f 100644
--- a/src/help/contribution.md
+++ b/src/help/contribution.md
@@ -47,6 +47,6 @@ Visit our translation project [here](https://hosted.weblate.org/projects/tachiyo
## Donation
If you can't contribute code or translations but you still wish to help, then you can choose to contribute directly to the projects founder, [Inorichi](https://github.com/inorichi/) by using the button below, or going [directly to Ko-Fi](https://ko-fi.com/inorichi).
***
-
-
+
+
\ No newline at end of file
diff --git a/src/help/guides/settings/reader.md b/src/help/guides/settings/reader.md
index 1d9dafcd..d701e408 100644
--- a/src/help/guides/settings/reader.md
+++ b/src/help/guides/settings/reader.md
@@ -36,40 +36,40 @@ All examples are illustrations and may not reflect what actually happens.
@@ -90,23 +90,23 @@ All examples are illustrations
@@ -126,16 +126,16 @@ This allows you to control what color the background should be in reader. Backgr
@@ -172,14 +172,14 @@ Tries to remove excess white borders
diff --git a/src/help/guides/source-migration.md b/src/help/guides/source-migration.md
index 2194f056..d219875f 100644
--- a/src/help/guides/source-migration.md
+++ b/src/help/guides/source-migration.md
@@ -12,8 +12,7 @@ Migration is the process of moving manga from one source to another while keepin
1. Go to and tap .
1. Select the **Source** you're migrating from.
1. Find and select the title that you want to migrate.
-
- **Tachiyomi** will do a global search of all the sources you have installed and enabled. If you don't find the manga you want, try searching for other titles it might go under.
+ > **Tachiyomi** will do a global search of all the sources you have installed and enabled. If you don't find the manga you want, try searching for other titles it might go under.
1. Once you find the manga you want to migrate, select it and then choose which data you want to transfer over, and you're done.
:::
diff --git a/src/help/guides/source-problems.md b/src/help/guides/source-problems.md
index 5d8d898b..2c7cd1d5 100644
--- a/src/help/guides/source-problems.md
+++ b/src/help/guides/source-problems.md
@@ -54,9 +54,9 @@ In this case it is a problem with the site.
You can open WebView in two of the following ways:
* If you already have a manga in **Library**
- * Open the manga in **Library**, then click on the on the **INFO** tab.
+ * Open the manga in **Library**, then click on the on the **INFO** tab.
* If you don't have manga in **Library**
- * Go to and click on **BROWSE** beside the source. Then open a manga and click on .
+ * Go to and click on **BROWSE** beside the source. Then open a manga and click on .
Once in WebView, you will see a webpage and a bar on top with an arrow at the left side, pointing to the left edge of your screen.
If there is no CAPTCHA on the webpage, initiate one by tapping a manga title, if possible. Once a CAPTCHA is shown, solve it. After that, use the aforementioned back arrow on the bar at the top of your screen to go back to your manga. Please do not use the back button on your phone as it does not work as expected.