From a1d04c05afade8efa81a2275b9be09089a261ed6 Mon Sep 17 00:00:00 2001 From: Jeff Colombo Date: Mon, 18 Feb 2019 22:14:32 -0500 Subject: [PATCH] finish classifying menu pokemon --- dist/app.css | 31 +- dist/global.css | 32 +- dist/main-bundle.js | 186 ++- src/scss/sprites.scss | 1271 ++++++++--------- src/ts/app/PokemonApp.tsx | 44 +- src/ts/app/components/Footer.tsx | 14 + src/ts/app/components/Header.tsx | 16 + .../styles/LeagueStatsList.scss | 2 +- .../styles/PokemonExplorer.scss | 6 +- .../styles/PokemonSelectList.scss | 3 +- src/ts/app/styles/PokemonApp.scss | 13 +- src/ts/app/styles/PokemonApp.scss.d.ts | 3 + 12 files changed, 914 insertions(+), 707 deletions(-) create mode 100644 src/ts/app/components/Footer.tsx create mode 100644 src/ts/app/components/Header.tsx diff --git a/dist/app.css b/dist/app.css index 29c881b..351d1e0 100644 --- a/dist/app.css +++ b/dist/app.css @@ -1,5 +1,19 @@ /* Generated by cssConcatenator.js */ /** Source: ./dist/main.tmp.css */ +._3ZEoC8iBGCLG7l6yLZ5xto { + display: flex; + flex-flow: column nowrap; + align-items: stretch; + height: 100vh; } + ._3ZEoC8iBGCLG7l6yLZ5xto ._23cv_xbRz92BiCJWhfDAvo { + display: flex; + flex-flow: row nowrap; + align-items: stretch; } + +._2s_s2Qq6lMCrAFywqXmkG4, +._3q19QD159aLyJOAJXwRJpW { + height: 60px; } + .nes-field.is-inline .xR5IU7T9gOSfM0SfGIQhQ { width: 4.25em; padding-left: 0.7em; @@ -29,7 +43,6 @@ display: none; } ._1FBILDo_TwNPvQhOicM4JN { - height: 100%; flex-grow: 1; /* for Firefox */ display: flex; @@ -59,7 +72,6 @@ padding: 2px; } ._3U9PuqYc3wBzWrjcTwdxMR { - height: 100vh; margin: 0 auto; flex-basis: 30rem; display: flex; @@ -68,11 +80,13 @@ ._2Jl9u0Rt3EygHBywm6mwlQ { margin-bottom: 0; } +._1oqey4MeNnownRjDwdb5wd { + margin-bottom: 1rem; } + ._1oqey4MeNnownRjDwdb5wd, ._2Oq1Dli-WwzjV6T64vXOzV { display: flex; - justify-content: space-evenly; - margin-bottom: 1rem; } + justify-content: space-evenly; } ._1oqey4MeNnownRjDwdb5wd ._2k9b7P7Zx3Mf1yPshzRfcX, ._1oqey4MeNnownRjDwdb5wd .t82k7iU2OohnGxjTSzpHc, ._2Oq1Dli-WwzjV6T64vXOzV ._2k9b7P7Zx3Mf1yPshzRfcX, @@ -242,7 +256,6 @@ padding: 0 2.5rem; } ._2ktnAYaWPic5tHP0KElljW { - height: 100vh; font-size: 0.8rem; flex-basis: 20em; display: flex; @@ -263,7 +276,7 @@ ._2ktnAYaWPic5tHP0KElljW a { color: inherit; text-decoration: none; - padding: 5px 1em 5px 2.25em; + padding: 5px 1em 5px 2em; justify-content: flex-end; align-content: space-around; flex-wrap: wrap; } @@ -296,11 +309,5 @@ .VIw8QGHXA_izXov4a8xKt { flex: 0 1 100%; } -._3ZEoC8iBGCLG7l6yLZ5xto { - display: flex; - flex-flow: row nowrap; - align-items: stretch; - height: 100vh; } - /*# sourceMappingURL=main.tmp.css.map*/ \ No newline at end of file diff --git a/dist/global.css b/dist/global.css index 8bc3c61..91806d6 100644 --- a/dist/global.css +++ b/dist/global.css @@ -3736,51 +3736,51 @@ input[type="checkbox"] { @keyframes pokeball-dance { from { - background-position-y: -127px; } + background-position-y: -128px; } to { - background-position-y: -129px; } } + background-position-y: -130px; } } @keyframes fossil-dance { from { - background-position-y: -143px; } + background-position-y: -144px; } to { - background-position-y: -145px; } } + background-position-y: -146px; } } :hover > .menu { animation: dance 300ms steps(2) infinite alternate; } -.menu.pokemon-004, .menu.pokemon-005, .menu.pokemon-006, .menu.pokemon-027, .menu.pokemon-028, .menu.pokemon-029, .menu.pokemon-030, .menu.pokemon-031, .menu.pokemon-032, .menu.pokemon-033, .menu.pokemon-034, .menu.pokemon-041, .menu.pokemon-042, .menu.pokemon-169, .menu.pokemon-050, .menu.pokemon-051, .menu.pokemon-052, .menu.pokemon-053, .menu.pokemon-054, .menu.pokemon-055, .menu.pokemon-056, .menu.pokemon-057, .menu.pokemon-060, .menu.pokemon-061, .menu.pokemon-062, .menu.pokemon-186, .menu.pokemon-063, .menu.pokemon-064, .menu.pokemon-065, .menu.pokemon-066, .menu.pokemon-067, .menu.pokemon-068, .menu.pokemon-074, .menu.pokemon-075, .menu.pokemon-076, .menu.pokemon-077, .menu.pokemon-078, .menu.pokemon-079, .menu.pokemon-080, .menu.pokemon-088, .menu.pokemon-089, .menu.pokemon-199, .menu.pokemon-092, .menu.pokemon-093, .menu.pokemon-094, .menu.pokemon-096, .menu.pokemon-097, .menu.pokemon-104, .menu.pokemon-105, .menu.pokemon-236, .menu.pokemon-106, .menu.pokemon-107, .menu.pokemon-237, .menu.pokemon-108, .menu.pokemon-463, .menu.pokemon-109, .menu.pokemon-110, .menu.pokemon-111, .menu.pokemon-112, .menu.pokemon-464, .menu.pokemon-115, .menu.pokemon-439, .menu.pokemon-122, .menu.pokemon-124, .menu.pokemon-239, .menu.pokemon-125, .menu.pokemon-466, .menu.pokemon-240, .menu.pokemon-126, .menu.pokemon-467, .menu.pokemon-132, .menu.pokemon-137, .menu.pokemon-233, .menu.pokemon-474, .menu.pokemon-143, .menu.pokemon-181, .menu.pokemon-150, .menu.pokemon-151, .menu.pokemon-rhydon { +.menu.pokemon-004, .menu.pokemon-005, .menu.pokemon-006, .menu.pokemon-027, .menu.pokemon-028, .menu.pokemon-029, .menu.pokemon-030, .menu.pokemon-031, .menu.pokemon-032, .menu.pokemon-033, .menu.pokemon-034, .menu.pokemon-041, .menu.pokemon-042, .menu.pokemon-169, .menu.pokemon-050, .menu.pokemon-051, .menu.pokemon-052, .menu.pokemon-053, .menu.pokemon-054, .menu.pokemon-055, .menu.pokemon-056, .menu.pokemon-057, .menu.pokemon-060, .menu.pokemon-061, .menu.pokemon-062, .menu.pokemon-186, .menu.pokemon-063, .menu.pokemon-064, .menu.pokemon-065, .menu.pokemon-066, .menu.pokemon-067, .menu.pokemon-068, .menu.pokemon-074, .menu.pokemon-075, .menu.pokemon-076, .menu.pokemon-077, .menu.pokemon-078, .menu.pokemon-079, .menu.pokemon-080, .menu.pokemon-088, .menu.pokemon-089, .menu.pokemon-199, .menu.pokemon-092, .menu.pokemon-093, .menu.pokemon-094, .menu.pokemon-096, .menu.pokemon-097, .menu.pokemon-104, .menu.pokemon-105, .menu.pokemon-236, .menu.pokemon-106, .menu.pokemon-107, .menu.pokemon-237, .menu.pokemon-108, .menu.pokemon-463, .menu.pokemon-109, .menu.pokemon-110, .menu.pokemon-111, .menu.pokemon-112, .menu.pokemon-464, .menu.pokemon-115, .menu.pokemon-439, .menu.pokemon-122, .menu.pokemon-238, .menu.pokemon-124, .menu.pokemon-239, .menu.pokemon-125, .menu.pokemon-466, .menu.pokemon-240, .menu.pokemon-126, .menu.pokemon-467, .menu.pokemon-132, .menu.pokemon-137, .menu.pokemon-233, .menu.pokemon-474, .menu.pokemon-446, .menu.pokemon-143, .menu.pokemon-150, .menu.pokemon-151, .menu.pokemon-157, .menu.pokemon-180, .menu.pokemon-181, .menu.pokemon-190, .menu.pokemon-424, .menu.pokemon-200, .menu.pokemon-429, .menu.pokemon-201, .menu.pokemon-360, .menu.pokemon-202, .menu.pokemon-207, .menu.pokemon-472, .menu.pokemon-209, .menu.pokemon-210, .menu.pokemon-215, .menu.pokemon-461, .menu.pokemon-216, .menu.pokemon-217, .menu.pokemon-218, .menu.pokemon-219, .menu.pokemon-235, .menu.pokemon-241, .menu.pokemon-246, .menu.pokemon-247, .menu.pokemon-248, .menu.pokemon-256, .menu.pokemon-257, .menu.pokemon-280, .menu.pokemon-281, .menu.pokemon-282, .menu.pokemon-475, .menu.pokemon-287, .menu.pokemon-288, .menu.pokemon-289, .menu.pokemon-296, .menu.pokemon-297, .menu.pokemon-299, .menu.pokemon-476, .menu.pokemon-302, .menu.pokemon-303, .menu.pokemon-306, .menu.pokemon-307, .menu.pokemon-308, .menu.pokemon-311, .menu.pokemon-312, .menu.pokemon-316, .menu.pokemon-317, .menu.pokemon-325, .menu.pokemon-326, .menu.pokemon-327, .menu.pokemon-335, .menu.pokemon-343, .menu.pokemon-344, .menu.pokemon-351, .menu.pokemon-352, .menu.pokemon-353, .menu.pokemon-354, .menu.pokemon-355, .menu.pokemon-356, .menu.pokemon-477, .menu.pokemon-361, .menu.pokemon-362, .menu.pokemon-478, .menu.pokemon-377, .menu.pokemon-378, .menu.pokemon-379, .menu.pokemon-383, .menu.pokemon-386, .menu.pokemon-390, .menu.pokemon-391, .menu.pokemon-392, .menu.pokemon-408, .menu.pokemon-409, .menu.pokemon-427, .menu.pokemon-428, .menu.pokemon-442, .menu.pokemon-447, .menu.pokemon-448, .menu.pokemon-453, .menu.pokemon-454, .menu.pokemon-459, .menu.pokemon-460, .menu.pokemon-480, .menu.pokemon-481, .menu.pokemon-482, .menu.pokemon-486, .menu.pokemon-491, .menu.pokemon-499, .menu.pokemon-500, .menu.pokemon-504, .menu.pokemon-505, .menu.pokemon-513, .menu.pokemon-514, .menu.pokemon-524, .menu.pokemon-525, .menu.pokemon-526, .menu.pokemon-527, .menu.pokemon-528, .menu.pokemon-529, .menu.pokemon-530, .menu.pokemon-532, .menu.pokemon-533, .menu.pokemon-534, .menu.pokemon-538, .menu.pokemon-539, .menu.pokemon-552, .menu.pokemon-553, .menu.pokemon-554, .menu.pokemon-555, .menu.pokemon-559, .menu.pokemon-560, .menu.pokemon-561, .menu.pokemon-562, .menu.pokemon-563, .menu.pokemon-568, .menu.pokemon-569, .menu.pokemon-571, .menu.pokemon-574, .menu.pokemon-575, .menu.pokemon-576, .menu.pokemon-582, .menu.pokemon-583, .menu.pokemon-584, .menu.pokemon-613, .menu.pokemon-614, .menu.pokemon-619, .menu.pokemon-620, .menu.pokemon-622, .menu.pokemon-623, .menu.pokemon-624, .menu.pokemon-625, .menu.pokemon-631, .menu.pokemon-641, .menu.pokemon-642, .menu.pokemon-643, .menu.pokemon-644, .menu.pokemon-645, .menu.pokemon-646, .menu.pokemon-654, .menu.pokemon-655, .menu.pokemon-659, .menu.pokemon-660, .menu.pokemon-674, .menu.pokemon-675, .menu.pokemon-689, .menu.pokemon-694, .menu.pokemon-695, .menu.pokemon-696, .menu.pokemon-697, .menu.pokemon-717, .menu.pokemon-719, .menu.pokemon-720, .menu.pokemon-727, .menu.pokemon-747, .menu.pokemon-748, .menu.pokemon-760, .menu.pokemon-765, .menu.pokemon-766, .menu.pokemon-776, .menu.pokemon-783, .menu.pokemon-784, .menu.pokemon-785, .menu.pokemon-786, .menu.pokemon-787, .menu.pokemon-788, .menu.pokemon-792, .menu.pokemon-796, .menu.pokemon-799, .menu.pokemon-800, .menu.pokemon-802, .menu.pokemon-803, .menu.pokemon-806, .menu.pokemon-807, .menu.pokemon-rhydon { background-position: 0 0; } -.menu.pokemon-016, .menu.pokemon-017, .menu.pokemon-018, .menu.pokemon-021, .menu.pokemon-022, .menu.pokemon-083, .menu.pokemon-084, .menu.pokemon-085, .menu.pokemon-142, .menu.pokemon-144, .menu.pokemon-145, .menu.pokemon-146, .menu.pokemon-bird { +.menu.pokemon-016, .menu.pokemon-017, .menu.pokemon-018, .menu.pokemon-021, .menu.pokemon-022, .menu.pokemon-083, .menu.pokemon-084, .menu.pokemon-085, .menu.pokemon-142, .menu.pokemon-144, .menu.pokemon-145, .menu.pokemon-146, .menu.pokemon-163, .menu.pokemon-164, .menu.pokemon-177, .menu.pokemon-178, .menu.pokemon-198, .menu.pokemon-430, .menu.pokemon-225, .menu.pokemon-227, .menu.pokemon-249, .menu.pokemon-250, .menu.pokemon-255, .menu.pokemon-276, .menu.pokemon-277, .menu.pokemon-278, .menu.pokemon-279, .menu.pokemon-333, .menu.pokemon-334, .menu.pokemon-396, .menu.pokemon-397, .menu.pokemon-398, .menu.pokemon-441, .menu.pokemon-519, .menu.pokemon-520, .menu.pokemon-521, .menu.pokemon-566, .menu.pokemon-567, .menu.pokemon-580, .menu.pokemon-581, .menu.pokemon-627, .menu.pokemon-628, .menu.pokemon-629, .menu.pokemon-630, .menu.pokemon-661, .menu.pokemon-662, .menu.pokemon-663, .menu.pokemon-682, .menu.pokemon-701, .menu.pokemon-731, .menu.pokemon-732, .menu.pokemon-733, .menu.pokemon-741, .menu.pokemon-bird { background-position: 0 -16px; } -.menu.pokemon-007, .menu.pokemon-008, .menu.pokemon-009, .menu.pokemon-072, .menu.pokemon-073, .menu.pokemon-086, .menu.pokemon-087, .menu.pokemon-098, .menu.pokemon-099, .menu.pokemon-116, .menu.pokemon-117, .menu.pokemon-230, .menu.pokemon-118, .menu.pokemon-119, .menu.pokemon-129, .menu.pokemon-131, .menu.pokemon-fish { +.menu.pokemon-007, .menu.pokemon-008, .menu.pokemon-009, .menu.pokemon-072, .menu.pokemon-073, .menu.pokemon-086, .menu.pokemon-087, .menu.pokemon-098, .menu.pokemon-099, .menu.pokemon-116, .menu.pokemon-117, .menu.pokemon-230, .menu.pokemon-118, .menu.pokemon-119, .menu.pokemon-129, .menu.pokemon-131, .menu.pokemon-158, .menu.pokemon-159, .menu.pokemon-160, .menu.pokemon-170, .menu.pokemon-171, .menu.pokemon-194, .menu.pokemon-195, .menu.pokemon-211, .menu.pokemon-222, .menu.pokemon-223, .menu.pokemon-224, .menu.pokemon-458, .menu.pokemon-226, .menu.pokemon-258, .menu.pokemon-259, .menu.pokemon-260, .menu.pokemon-270, .menu.pokemon-271, .menu.pokemon-272, .menu.pokemon-320, .menu.pokemon-321, .menu.pokemon-318, .menu.pokemon-319, .menu.pokemon-339, .menu.pokemon-340, .menu.pokemon-349, .menu.pokemon-363, .menu.pokemon-364, .menu.pokemon-365, .menu.pokemon-369, .menu.pokemon-370, .menu.pokemon-382, .menu.pokemon-393, .menu.pokemon-394, .menu.pokemon-395, .menu.pokemon-418, .menu.pokemon-419, .menu.pokemon-422, .menu.pokemon-423, .menu.pokemon-443, .menu.pokemon-444, .menu.pokemon-445, .menu.pokemon-456, .menu.pokemon-457, .menu.pokemon-489, .menu.pokemon-490, .menu.pokemon-501, .menu.pokemon-502, .menu.pokemon-503, .menu.pokemon-515, .menu.pokemon-516, .menu.pokemon-535, .menu.pokemon-536, .menu.pokemon-537, .menu.pokemon-550, .menu.pokemon-592, .menu.pokemon-593, .menu.pokemon-594, .menu.pokemon-602, .menu.pokemon-603, .menu.pokemon-604, .menu.pokemon-618, .menu.pokemon-656, .menu.pokemon-657, .menu.pokemon-658, .menu.pokemon-686, .menu.pokemon-687, .menu.pokemon-690, .menu.pokemon-691, .menu.pokemon-728, .menu.pokemon-729, .menu.pokemon-730, .menu.pokemon-746, .menu.pokemon-771, .menu.pokemon-779, .menu.pokemon-793, .menu.pokemon-fish { background-position: 0 -32px; } -.menu.pokemon-172, .menu.pokemon-025, .menu.pokemon-026, .menu.pokemon-173, .menu.pokemon-035, .menu.pokemon-036, .menu.pokemon-174, .menu.pokemon-039, .menu.pokemon-040, .menu.pokemon-113, .menu.pokemon-242, .menu.pokemon-clefairy { +.menu.pokemon-172, .menu.pokemon-025, .menu.pokemon-026, .menu.pokemon-173, .menu.pokemon-035, .menu.pokemon-036, .menu.pokemon-174, .menu.pokemon-039, .menu.pokemon-040, .menu.pokemon-440, .menu.pokemon-113, .menu.pokemon-242, .menu.pokemon-175, .menu.pokemon-176, .menu.pokemon-468, .menu.pokemon-298, .menu.pokemon-183, .menu.pokemon-184, .menu.pokemon-251, .menu.pokemon-293, .menu.pokemon-294, .menu.pokemon-295, .menu.pokemon-385, .menu.pokemon-417, .menu.pokemon-494, .menu.pokemon-517, .menu.pokemon-518, .menu.pokemon-531, .menu.pokemon-572, .menu.pokemon-573, .menu.pokemon-587, .menu.pokemon-648, .menu.pokemon-677, .menu.pokemon-678, .menu.pokemon-683, .menu.pokemon-684, .menu.pokemon-685, .menu.pokemon-702, .menu.pokemon-764, .menu.pokemon-775, .menu.pokemon-777, .menu.pokemon-clefairy { background-position: 0 -48px; } -.menu.pokemon-001, .menu.pokemon-002, .menu.pokemon-003, .menu.pokemon-043, .menu.pokemon-044, .menu.pokemon-045, .menu.pokemon-182, .menu.pokemon-069, .menu.pokemon-070, .menu.pokemon-071, .menu.pokemon-102, .menu.pokemon-103, .menu.pokemon-114, .menu.pokemon-465, .menu.pokemon-plant { +.menu.pokemon-001, .menu.pokemon-002, .menu.pokemon-003, .menu.pokemon-043, .menu.pokemon-044, .menu.pokemon-045, .menu.pokemon-182, .menu.pokemon-069, .menu.pokemon-070, .menu.pokemon-071, .menu.pokemon-102, .menu.pokemon-103, .menu.pokemon-114, .menu.pokemon-465, .menu.pokemon-152, .menu.pokemon-153, .menu.pokemon-154, .menu.pokemon-438, .menu.pokemon-185, .menu.pokemon-187, .menu.pokemon-188, .menu.pokemon-189, .menu.pokemon-191, .menu.pokemon-192, .menu.pokemon-252, .menu.pokemon-253, .menu.pokemon-254, .menu.pokemon-273, .menu.pokemon-274, .menu.pokemon-275, .menu.pokemon-285, .menu.pokemon-286, .menu.pokemon-406, .menu.pokemon-315, .menu.pokemon-407, .menu.pokemon-331, .menu.pokemon-332, .menu.pokemon-345, .menu.pokemon-346, .menu.pokemon-357, .menu.pokemon-387, .menu.pokemon-388, .menu.pokemon-389, .menu.pokemon-420, .menu.pokemon-421, .menu.pokemon-455, .menu.pokemon-495, .menu.pokemon-496, .menu.pokemon-497, .menu.pokemon-511, .menu.pokemon-512, .menu.pokemon-546, .menu.pokemon-547, .menu.pokemon-548, .menu.pokemon-549, .menu.pokemon-556, .menu.pokemon-590, .menu.pokemon-591, .menu.pokemon-597, .menu.pokemon-598, .menu.pokemon-640, .menu.pokemon-650, .menu.pokemon-651, .menu.pokemon-652, .menu.pokemon-669, .menu.pokemon-670, .menu.pokemon-671, .menu.pokemon-672, .menu.pokemon-673, .menu.pokemon-708, .menu.pokemon-709, .menu.pokemon-710, .menu.pokemon-711, .menu.pokemon-722, .menu.pokemon-723, .menu.pokemon-724, .menu.pokemon-753, .menu.pokemon-754, .menu.pokemon-755, .menu.pokemon-756, .menu.pokemon-761, .menu.pokemon-762, .menu.pokemon-763, .menu.pokemon-781, .menu.pokemon-plant { background-position: 0 -64px; } -.menu.pokemon-010, .menu.pokemon-011, .menu.pokemon-012, .menu.pokemon-013, .menu.pokemon-014, .menu.pokemon-015, .menu.pokemon-046, .menu.pokemon-047, .menu.pokemon-048, .menu.pokemon-049, .menu.pokemon-123, .menu.pokemon-212, .menu.pokemon-127, .menu.pokemon-bug { +.menu.pokemon-010, .menu.pokemon-011, .menu.pokemon-012, .menu.pokemon-013, .menu.pokemon-014, .menu.pokemon-015, .menu.pokemon-046, .menu.pokemon-047, .menu.pokemon-048, .menu.pokemon-049, .menu.pokemon-123, .menu.pokemon-212, .menu.pokemon-127, .menu.pokemon-165, .menu.pokemon-166, .menu.pokemon-167, .menu.pokemon-168, .menu.pokemon-193, .menu.pokemon-469, .menu.pokemon-204, .menu.pokemon-205, .menu.pokemon-213, .menu.pokemon-214, .menu.pokemon-265, .menu.pokemon-266, .menu.pokemon-267, .menu.pokemon-268, .menu.pokemon-269, .menu.pokemon-283, .menu.pokemon-284, .menu.pokemon-290, .menu.pokemon-291, .menu.pokemon-292, .menu.pokemon-313, .menu.pokemon-314, .menu.pokemon-347, .menu.pokemon-348, .menu.pokemon-401, .menu.pokemon-402, .menu.pokemon-412, .menu.pokemon-413, .menu.pokemon-414, .menu.pokemon-415, .menu.pokemon-416, .menu.pokemon-451, .menu.pokemon-452, .menu.pokemon-540, .menu.pokemon-541, .menu.pokemon-542, .menu.pokemon-543, .menu.pokemon-544, .menu.pokemon-545, .menu.pokemon-588, .menu.pokemon-595, .menu.pokemon-596, .menu.pokemon-617, .menu.pokemon-632, .menu.pokemon-636, .menu.pokemon-637, .menu.pokemon-649, .menu.pokemon-664, .menu.pokemon-665, .menu.pokemon-666, .menu.pokemon-736, .menu.pokemon-737, .menu.pokemon-738, .menu.pokemon-742, .menu.pokemon-743, .menu.pokemon-751, .menu.pokemon-752, .menu.pokemon-767, .menu.pokemon-768, .menu.pokemon-794, .menu.pokemon-795, .menu.pokemon-bug { background-position: 0 -80px; } -.menu.pokemon-023, .menu.pokemon-024, .menu.pokemon-095, .menu.pokemon-208, .menu.pokemon-130, .menu.pokemon-147, .menu.pokemon-148, .menu.pokemon-149, .menu.pokemon-snake { +.menu.pokemon-023, .menu.pokemon-024, .menu.pokemon-095, .menu.pokemon-208, .menu.pokemon-130, .menu.pokemon-147, .menu.pokemon-148, .menu.pokemon-149, .menu.pokemon-206, .menu.pokemon-329, .menu.pokemon-330, .menu.pokemon-336, .menu.pokemon-350, .menu.pokemon-367, .menu.pokemon-368, .menu.pokemon-371, .menu.pokemon-372, .menu.pokemon-373, .menu.pokemon-380, .menu.pokemon-381, .menu.pokemon-384, .menu.pokemon-484, .menu.pokemon-487, .menu.pokemon-488, .menu.pokemon-610, .menu.pokemon-611, .menu.pokemon-612, .menu.pokemon-621, .menu.pokemon-633, .menu.pokemon-634, .menu.pokemon-635, .menu.pokemon-704, .menu.pokemon-705, .menu.pokemon-706, .menu.pokemon-714, .menu.pokemon-715, .menu.pokemon-718, .menu.pokemon-769, .menu.pokemon-770, .menu.pokemon-778, .menu.pokemon-780, .menu.pokemon-804, .menu.pokemon-snake { background-position: 0 -96px; } -.menu.pokemon-019, .menu.pokemon-020, .menu.pokemon-037, .menu.pokemon-038, .menu.pokemon-058, .menu.pokemon-059, .menu.pokemon-128, .menu.pokemon-133, .menu.pokemon-134, .menu.pokemon-135, .menu.pokemon-136, .menu.pokemon-196, .menu.pokemon-197, .menu.pokemon-470, .menu.pokemon-471, .menu.pokemon-tauros { +.menu.pokemon-019, .menu.pokemon-020, .menu.pokemon-037, .menu.pokemon-038, .menu.pokemon-058, .menu.pokemon-059, .menu.pokemon-128, .menu.pokemon-133, .menu.pokemon-134, .menu.pokemon-135, .menu.pokemon-136, .menu.pokemon-196, .menu.pokemon-197, .menu.pokemon-470, .menu.pokemon-471, .menu.pokemon-700, .menu.pokemon-155, .menu.pokemon-156, .menu.pokemon-161, .menu.pokemon-162, .menu.pokemon-179, .menu.pokemon-203, .menu.pokemon-220, .menu.pokemon-221, .menu.pokemon-473, .menu.pokemon-228, .menu.pokemon-229, .menu.pokemon-231, .menu.pokemon-232, .menu.pokemon-234, .menu.pokemon-243, .menu.pokemon-244, .menu.pokemon-245, .menu.pokemon-261, .menu.pokemon-262, .menu.pokemon-263, .menu.pokemon-264, .menu.pokemon-300, .menu.pokemon-301, .menu.pokemon-304, .menu.pokemon-305, .menu.pokemon-309, .menu.pokemon-310, .menu.pokemon-322, .menu.pokemon-323, .menu.pokemon-324, .menu.pokemon-328, .menu.pokemon-359, .menu.pokemon-399, .menu.pokemon-400, .menu.pokemon-403, .menu.pokemon-404, .menu.pokemon-405, .menu.pokemon-410, .menu.pokemon-411, .menu.pokemon-431, .menu.pokemon-432, .menu.pokemon-434, .menu.pokemon-435, .menu.pokemon-449, .menu.pokemon-450, .menu.pokemon-483, .menu.pokemon-485, .menu.pokemon-492, .menu.pokemon-493, .menu.pokemon-498, .menu.pokemon-506, .menu.pokemon-507, .menu.pokemon-508, .menu.pokemon-509, .menu.pokemon-510, .menu.pokemon-522, .menu.pokemon-523, .menu.pokemon-551, .menu.pokemon-570, .menu.pokemon-585, .menu.pokemon-586, .menu.pokemon-626, .menu.pokemon-638, .menu.pokemon-639, .menu.pokemon-647, .menu.pokemon-653, .menu.pokemon-667, .menu.pokemon-668, .menu.pokemon-676, .menu.pokemon-698, .menu.pokemon-699, .menu.pokemon-712, .menu.pokemon-713, .menu.pokemon-716, .menu.pokemon-721, .menu.pokemon-725, .menu.pokemon-726, .menu.pokemon-734, .menu.pokemon-735, .menu.pokemon-744, .menu.pokemon-745, .menu.pokemon-749, .menu.pokemon-750, .menu.pokemon-757, .menu.pokemon-758, .menu.pokemon-759, .menu.pokemon-772, .menu.pokemon-773, .menu.pokemon-782, .menu.pokemon-791, .menu.pokemon-tauros { background-position: 0 -112px; } -.menu.pokemon-081, .menu.pokemon-082, .menu.pokemon-462, .menu.pokemon-100, .menu.pokemon-101, .menu.pokemon-pokeball { +.menu.pokemon-081, .menu.pokemon-082, .menu.pokemon-462, .menu.pokemon-100, .menu.pokemon-101, .menu.pokemon-433, .menu.pokemon-358, .menu.pokemon-374, .menu.pokemon-375, .menu.pokemon-376, .menu.pokemon-425, .menu.pokemon-426, .menu.pokemon-436, .menu.pokemon-437, .menu.pokemon-479, .menu.pokemon-577, .menu.pokemon-578, .menu.pokemon-579, .menu.pokemon-599, .menu.pokemon-600, .menu.pokemon-601, .menu.pokemon-605, .menu.pokemon-606, .menu.pokemon-607, .menu.pokemon-608, .menu.pokemon-609, .menu.pokemon-615, .menu.pokemon-679, .menu.pokemon-680, .menu.pokemon-681, .menu.pokemon-707, .menu.pokemon-774, .menu.pokemon-789, .menu.pokemon-790, .menu.pokemon-797, .menu.pokemon-798, .menu.pokemon-801, .menu.pokemon-805, .menu.pokemon-808, .menu.pokemon-809, .menu.pokemon-pokeball { background-position: 0 -128px; } - :hover > .menu.pokemon-081, :hover > .menu.pokemon-082, :hover > .menu.pokemon-462, :hover > .menu.pokemon-100, :hover > .menu.pokemon-101, :hover > .menu.pokemon-pokeball { + :hover > .menu.pokemon-081, :hover > .menu.pokemon-082, :hover > .menu.pokemon-462, :hover > .menu.pokemon-100, :hover > .menu.pokemon-101, :hover > .menu.pokemon-433, :hover > .menu.pokemon-358, :hover > .menu.pokemon-374, :hover > .menu.pokemon-375, :hover > .menu.pokemon-376, :hover > .menu.pokemon-425, :hover > .menu.pokemon-426, :hover > .menu.pokemon-436, :hover > .menu.pokemon-437, :hover > .menu.pokemon-479, :hover > .menu.pokemon-577, :hover > .menu.pokemon-578, :hover > .menu.pokemon-579, :hover > .menu.pokemon-599, :hover > .menu.pokemon-600, :hover > .menu.pokemon-601, :hover > .menu.pokemon-605, :hover > .menu.pokemon-606, :hover > .menu.pokemon-607, :hover > .menu.pokemon-608, :hover > .menu.pokemon-609, :hover > .menu.pokemon-615, :hover > .menu.pokemon-679, :hover > .menu.pokemon-680, :hover > .menu.pokemon-681, :hover > .menu.pokemon-707, :hover > .menu.pokemon-774, :hover > .menu.pokemon-789, :hover > .menu.pokemon-790, :hover > .menu.pokemon-797, :hover > .menu.pokemon-798, :hover > .menu.pokemon-801, :hover > .menu.pokemon-805, :hover > .menu.pokemon-808, :hover > .menu.pokemon-809, :hover > .menu.pokemon-pokeball { animation: pokeball-dance 300ms steps(2) infinite alternate; } -.menu.pokemon-090, .menu.pokemon-091, .menu.pokemon-120, .menu.pokemon-121, .menu.pokemon-138, .menu.pokemon-139, .menu.pokemon-140, .menu.pokemon-141, .menu.pokemon-fossil { +.menu.pokemon-090, .menu.pokemon-091, .menu.pokemon-120, .menu.pokemon-121, .menu.pokemon-138, .menu.pokemon-139, .menu.pokemon-140, .menu.pokemon-141, .menu.pokemon-337, .menu.pokemon-338, .menu.pokemon-341, .menu.pokemon-342, .menu.pokemon-557, .menu.pokemon-558, .menu.pokemon-564, .menu.pokemon-565, .menu.pokemon-366, .menu.pokemon-589, .menu.pokemon-616, .menu.pokemon-688, .menu.pokemon-692, .menu.pokemon-693, .menu.pokemon-703, .menu.pokemon-739, .menu.pokemon-740, .menu.pokemon-fossil { background-position: 0 -144px; } - :hover > .menu.pokemon-090, :hover > .menu.pokemon-091, :hover > .menu.pokemon-120, :hover > .menu.pokemon-121, :hover > .menu.pokemon-138, :hover > .menu.pokemon-139, :hover > .menu.pokemon-140, :hover > .menu.pokemon-141, :hover > .menu.pokemon-fossil { + :hover > .menu.pokemon-090, :hover > .menu.pokemon-091, :hover > .menu.pokemon-120, :hover > .menu.pokemon-121, :hover > .menu.pokemon-138, :hover > .menu.pokemon-139, :hover > .menu.pokemon-140, :hover > .menu.pokemon-141, :hover > .menu.pokemon-337, :hover > .menu.pokemon-338, :hover > .menu.pokemon-341, :hover > .menu.pokemon-342, :hover > .menu.pokemon-557, :hover > .menu.pokemon-558, :hover > .menu.pokemon-564, :hover > .menu.pokemon-565, :hover > .menu.pokemon-366, :hover > .menu.pokemon-589, :hover > .menu.pokemon-616, :hover > .menu.pokemon-688, :hover > .menu.pokemon-692, :hover > .menu.pokemon-693, :hover > .menu.pokemon-703, :hover > .menu.pokemon-739, :hover > .menu.pokemon-740, :hover > .menu.pokemon-fossil { animation: fossil-dance 300ms steps(2) infinite alternate; } .pokemon-001 { diff --git a/dist/main-bundle.js b/dist/main-bundle.js index 00eb00e..b627f92 100644 --- a/dist/main-bundle.js +++ b/dist/main-bundle.js @@ -37803,6 +37803,10 @@ var ActionsPokemonExplorer = __importStar(__webpack_require__(/*! ./components/P var ActionsPokemonSelectList = __importStar(__webpack_require__(/*! ./components/PokemonSelectList/actions */ "./src/ts/app/components/PokemonSelectList/actions.ts")); +var Footer_1 = __webpack_require__(/*! ./components/Footer */ "./src/ts/app/components/Footer.tsx"); + +var Header_1 = __webpack_require__(/*! ./components/Header */ "./src/ts/app/components/Header.tsx"); + var PokemonExplorer_1 = __webpack_require__(/*! ./components/PokemonExplorer/PokemonExplorer */ "./src/ts/app/components/PokemonExplorer/PokemonExplorer.tsx"); var PokemonSelectList_1 = __webpack_require__(/*! ./components/PokemonSelectList/PokemonSelectList */ "./src/ts/app/components/PokemonSelectList/PokemonSelectList.tsx"); @@ -37950,6 +37954,8 @@ function (_react_1$default$Comp) { leaguePokemon = _this$props$pokemonEx.leaguePokemon; return react_1.default.createElement("div", { className: styles.wrapper + }, react_1.default.createElement(Header_1.Header, null), react_1.default.createElement("div", { + className: styles.body }, react_1.default.createElement(PokemonSelectList_1.PokemonSelectList, { isLoading: this.props.pokemonSelectListState.isLoading, activePokemonId: activePokemonId, @@ -37966,7 +37972,7 @@ function (_react_1$default$Comp) { handleChangeIndividualValue: this.handleChangeIndividualValue, handleMaximizeLevel: this.handleMaximizeLevel, handleChangeLeague: this.handleChangeLeagueNavigation - })); + })), react_1.default.createElement(Footer_1.Footer, null)); } }]); @@ -37997,6 +38003,166 @@ exports.ConnectedPokemonApp = react_redux_1.connect(mapStateToProps, mapDispatch /***/ }), +/***/ "./src/ts/app/components/Footer.tsx": +/*!******************************************!*\ + !*** ./src/ts/app/components/Footer.tsx ***! + \******************************************/ +/*! no static exports found */ +/*! ModuleConcatenation bailout: Module is not an ECMAScript module */ +/***/ (function(module, exports, __webpack_require__) { + +"use strict"; + + +function _typeof(obj) { if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); } + +function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } } + +function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } + +function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; } + +function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } return _assertThisInitialized(self); } + +function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; } + +function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); } + +function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); if (superClass) _setPrototypeOf(subClass, superClass); } + +function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); } + +var __importDefault = this && this.__importDefault || function (mod) { + return mod && mod.__esModule ? mod : { + "default": mod + }; +}; + +var __importStar = this && this.__importStar || function (mod) { + if (mod && mod.__esModule) return mod; + var result = {}; + if (mod != null) for (var k in mod) { + if (Object.hasOwnProperty.call(mod, k)) result[k] = mod[k]; + } + result["default"] = mod; + return result; +}; + +Object.defineProperty(exports, "__esModule", { + value: true +}); + +var react_1 = __importDefault(__webpack_require__(/*! react */ "./node_modules/react/index.js")); + +var styles = __importStar(__webpack_require__(/*! ../styles/PokemonApp.scss */ "./src/ts/app/styles/PokemonApp.scss")); + +var Footer = +/*#__PURE__*/ +function (_react_1$default$Comp) { + _inherits(Footer, _react_1$default$Comp); + + function Footer() { + _classCallCheck(this, Footer); + + return _possibleConstructorReturn(this, _getPrototypeOf(Footer).apply(this, arguments)); + } + + _createClass(Footer, [{ + key: "render", + value: function render() { + return react_1.default.createElement("footer", { + className: styles.footer + }, react_1.default.createElement("div", null)); + } + }]); + + return Footer; +}(react_1.default.Component); + +exports.Footer = Footer; + +/***/ }), + +/***/ "./src/ts/app/components/Header.tsx": +/*!******************************************!*\ + !*** ./src/ts/app/components/Header.tsx ***! + \******************************************/ +/*! no static exports found */ +/*! ModuleConcatenation bailout: Module is not an ECMAScript module */ +/***/ (function(module, exports, __webpack_require__) { + +"use strict"; + + +function _typeof(obj) { if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); } + +function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } } + +function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } + +function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; } + +function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } return _assertThisInitialized(self); } + +function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; } + +function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); } + +function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); if (superClass) _setPrototypeOf(subClass, superClass); } + +function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); } + +var __importDefault = this && this.__importDefault || function (mod) { + return mod && mod.__esModule ? mod : { + "default": mod + }; +}; + +var __importStar = this && this.__importStar || function (mod) { + if (mod && mod.__esModule) return mod; + var result = {}; + if (mod != null) for (var k in mod) { + if (Object.hasOwnProperty.call(mod, k)) result[k] = mod[k]; + } + result["default"] = mod; + return result; +}; + +Object.defineProperty(exports, "__esModule", { + value: true +}); + +var react_1 = __importDefault(__webpack_require__(/*! react */ "./node_modules/react/index.js")); + +var styles = __importStar(__webpack_require__(/*! ../styles/PokemonApp.scss */ "./src/ts/app/styles/PokemonApp.scss")); + +var Header = +/*#__PURE__*/ +function (_react_1$default$Comp) { + _inherits(Header, _react_1$default$Comp); + + function Header() { + _classCallCheck(this, Header); + + return _possibleConstructorReturn(this, _getPrototypeOf(Header).apply(this, arguments)); + } + + _createClass(Header, [{ + key: "render", + value: function render() { + return react_1.default.createElement("header", { + className: styles.header + }, "Header"); + } + }]); + + return Header; +}(react_1.default.Component); + +exports.Header = Header; + +/***/ }), + /***/ "./src/ts/app/components/PokemonExplorer/IvForm.tsx": /*!**********************************************************!*\ !*** ./src/ts/app/components/PokemonExplorer/IvForm.tsx ***! @@ -40080,21 +40246,7 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope Object.defineProperty(exports, "__esModule", { value: true -}); // export type League = 'great' | 'ultra' | 'master' | 'custom'; -// export const LeagueLabels : Array<{ id : League, label : string }> = [{ -// id: 'great', -// label: 'Great' -// }, { -// id: 'ultra', -// label: 'Ultra' -// }, { -// id: 'master', -// label: 'Master' -// }, { -// id: 'custom', -// label: 'Custom' -// }]; - +}); var League; (function (League) { @@ -40176,7 +40328,7 @@ var Grade; /***/ (function(module, exports, __webpack_require__) { // extracted by mini-css-extract-plugin -module.exports = {"wrapper":"_3ZEoC8iBGCLG7l6yLZ5xto"}; +module.exports = {"wrapper":"_3ZEoC8iBGCLG7l6yLZ5xto","body":"_23cv_xbRz92BiCJWhfDAvo","header":"_2s_s2Qq6lMCrAFywqXmkG4","footer":"_3q19QD159aLyJOAJXwRJpW"}; /***/ }), diff --git a/src/scss/sprites.scss b/src/scss/sprites.scss index 73b90cd..5a8f668 100644 --- a/src/scss/sprites.scss +++ b/src/scss/sprites.scss @@ -897,650 +897,18 @@ $scale: 4; } @keyframes pokeball-dance { - from { background-position-y: -127px; } - to { background-position-y: -129px; } + from { background-position-y: -128px; } + to { background-position-y: -130px; } } @keyframes fossil-dance { - from { background-position-y: -143px; } - to { background-position-y: -145px; } + from { background-position-y: -144px; } + to { background-position-y: -146px; } } :hover > & { animation: dance 300ms steps(2) infinite alternate; } - // #152 Chikorita - // #153 Bayleef - // #154 Meganium - // #155 Cyndaquil - // #156 Quilava - // #157 Typhlosion - // #158 Totodile - // #159 Croconaw - // #160 Feraligatr - // #161 Sentret - // #162 Furret - // #163 Hoothoot - // #164 Noctowl - // #165 Ledyba - // #166 Ledian - // #167 Spinarak - // #168 Ariados - // #170 Chinchou - // #171 Lanturn - // #175 Togepi - // #176 Togetic - // #177 Natu - // #178 Xatu - // #179 Mareep - // #180 Flaaffy - // #183 Marill - // #184 Azumarill - // #185 Sudowoodo - // #187 Hoppip - // #188 Skiploom - // #189 Jumpluff - // #190 Aipom - // #191 Sunkern - // #192 Sunflora - // #193 Yanma - // #194 Wooper - // #195 Quagsire - // #198 Murkrow - // #200 Misdreavus - // #201 Unown - // #202 Wobbuffet - // #203 Girafarig - // #204 Pineco - // #205 Forretress - // #206 Dunsparce - // #207 Gligar - // #209 Snubbull - // #210 Granbull - // #211 Qwilfish - // #212 Scizor - // #213 Shuckle - // #214 Heracross - // #215 Sneasel - // #216 Teddiursa - // #217 Ursaring - // #218 Slugma - // #219 Magcargo - // #220 Swinub - // #221 Piloswine - // #222 Corsola - // #223 Remoraid - // #224 Octillery - // #225 Delibird - // #226 Mantine - // #227 Skarmory - // #228 Houndour - // #229 Houndoom - // #231 Phanpy - // #232 Donphan - // #233 Porygon2 - // #234 Stantler - // #235 Smeargle - // #238 Smoochum - // #241 Miltank - // #242 Blissey - // #243 Raikou - // #244 Entei - // #245 Suicune - // #246 Larvitar - // #247 Pupitar - // #248 Tyranitar - // #249 Lugia - // #250 Ho-Oh - // #251 Celebi - // #252 Treecko - // #253 Grovyle - // #254 Sceptile - // #255 Torchic - // #256 Combusken - // #257 Blaziken - // #258 Mudkip - // #259 Marshtomp - // #260 Swampert - // #261 Poochyena - // #262 Mightyena - // #263 Zigzagoon - // #264 Linoone - // #265 Wurmple - // #266 Silcoon - // #267 Beautifly - // #268 Cascoon - // #269 Dustox - // #270 Lotad - // #271 Lombre - // #272 Ludicolo - // #273 Seedot - // #274 Nuzleaf - // #275 Shiftry - // #276 Taillow - // #277 Swellow - // #278 Wingull - // #279 Pelipper - // #280 Ralts - // #281 Kirlia - // #282 Gardevoir - // #283 Surskit - // #284 Masquerain - // #285 Shroomish - // #286 Breloom - // #287 Slakoth - // #288 Vigoroth - // #289 Slaking - // #290 Nincada - // #291 Ninjask - // #292 Shedinja - // #293 Whismur - // #294 Loudred - // #295 Exploud - // #296 Makuhita - // #297 Hariyama - // #298 Azurill - // #299 Nosepass - // #300 Skitty - // #301 Delcatty - // #302 Sableye - // #303 Mawile - // #304 Aron - // #305 Lairon - // #306 Aggron - // #307 Meditite - // #308 Medicham - // #309 Electrike - // #310 Manectric - // #311 Plusle - // #312 Minun - // #313 Volbeat - // #314 Illumise - // #315 Roselia - // #316 Gulpin - // #317 Swalot - // #318 Carvanha - // #319 Sharpedo - // #320 Wailmer - // #321 Wailord - // #322 Numel - // #323 Camerupt - // #324 Torkoal - // #325 Spoink - // #326 Grumpig - // #327 Spinda - // #328 Trapinch - // #329 Vibrava - // #330 Flygon - // #331 Cacnea - // #332 Cacturne - // #333 Swablu - // #334 Altaria - // #335 Zangoose - // #336 Seviper - // #337 Lunatone - // #338 Solrock - // #339 Barboach - // #340 Whiscash - // #341 Corphish - // #342 Crawdaunt - // #343 Baltoy - // #344 Claydol - // #345 Lileep - // #346 Cradily - // #347 Anorith - // #348 Armaldo - // #349 Feebas - // #350 Milotic - // #351 Castform - // #352 Kecleon - // #353 Shuppet - // #354 Banette - // #355 Duskull - // #356 Dusclops - // #357 Tropius - // #358 Chimecho - // #359 Absol - // #360 Wynaut - // #361 Snorunt - // #362 Glalie - // #363 Spheal - // #364 Sealeo - // #365 Walrein - // #366 Clamperl - // #367 Huntail - // #368 Gorebyss - // #369 Relicanth - // #370 Luvdisc - // #371 Bagon - // #372 Shelgon - // #373 Salamence - // #374 Beldum - // #375 Metang - // #376 Metagross - // #377 Regirock - // #378 Regice - // #379 Registeel - // #380 Latias - // #381 Latios - // #382 Kyogre - // #383 Groudon - // #384 Rayquaza - // #385 Jirachi - // #386 Deoxys - // #387 Turtwig - // #388 Grotle - // #389 Torterra - // #390 Chimchar - // #391 Monferno - // #392 Infernape - // #393 Piplup - // #394 Prinplup - // #395 Empoleon - // #396 Starly - // #397 Staravia - // #398 Staraptor - // #399 Bidoof - // #400 Bibarel - // #401 Kricketot - // #402 Kricketune - // #403 Shinx - // #404 Luxio - // #405 Luxray - // #406 Budew - // #407 Roserade - // #408 Cranidos - // #409 Rampardos - // #410 Shieldon - // #411 Bastiodon - // #412 Burmy - // #413 Wormadam - // #414 Mothim - // #415 Combee - // #416 Vespiquen - // #417 Pachirisu - // #418 Buizel - // #419 Floatzel - // #420 Cherubi - // #421 Cherrim - // #422 Shellos - // #423 Gastrodon - // #424 Ambipom - // #425 Drifloon - // #426 Drifblim - // #427 Buneary - // #428 Lopunny - // #429 Mismagius - // #430 Honchkrow - // #431 Glameow - // #432 Purugly - // #433 Chingling - // #434 Stunky - // #435 Skuntank - // #436 Bronzor - // #437 Bronzong - // #438 Bonsly - // #440 Happiny - // #441 Chatot - // #442 Spiritomb - // #443 Gible - // #444 Gabite - // #445 Garchomp - // #446 Munchlax - // #447 Riolu - // #448 Lucario - // #449 Hippopotas - // #450 Hippowdon - // #451 Skorupi - // #452 Drapion - // #453 Croagunk - // #454 Toxicroak - // #455 Carnivine - // #456 Finneon - // #457 Lumineon - // #458 Mantyke - // #459 Snover - // #460 Abomasnow - // #461 Weavile - // #468 Togekiss - // #469 Yanmega - // #472 Gliscor - // #473 Mamoswine - // #475 Gallade - // #476 Probopass - // #477 Dusknoir - // #478 Froslass - // #479 Rotom - // #480 Uxie - // #481 Mesprit - // #482 Azelf - // #483 Dialga - // #484 Palkia - // #485 Heatran - // #486 Regigigas - // #487 Giratina - // #488 Cresselia - // #489 Phione - // #490 Manaphy - // #491 Darkrai - // #492 Shaymin - // #493 Arceus - // #494 Victini - // #495 Snivy - // #496 Servine - // #497 Serperior - // #498 Tepig - // #499 Pignite - // #500 Emboar - // #501 Oshawott - // #502 Dewott - // #503 Samurott - // #504 Patrat - // #505 Watchog - // #506 Lillipup - // #507 Herdier - // #508 Stoutland - // #509 Purrloin - // #510 Liepard - // #511 Pansage - // #512 Simisage - // #513 Pansear - // #514 Simisear - // #515 Panpour - // #516 Simipour - // #517 Munna - // #518 Musharna - // #519 Pidove - // #520 Tranquill - // #521 Unfezant - // #522 Blitzle - // #523 Zebstrika - // #524 Roggenrola - // #525 Boldore - // #526 Gigalith - // #527 Woobat - // #528 Swoobat - // #529 Drilbur - // #530 Excadrill - // #531 Audino - // #532 Timburr - // #533 Gurdurr - // #534 Conkeldurr - // #535 Tympole - // #536 Palpitoad - // #537 Seismitoad - // #538 Throh - // #539 Sawk - // #540 Sewaddle - // #541 Swadloon - // #542 Leavanny - // #543 Venipede - // #544 Whirlipede - // #545 Scolipede - // #546 Cottonee - // #547 Whimsicott - // #548 Petilil - // #549 Lilligant - // #550 Basculin - // #551 Sandile - // #552 Krokorok - // #553 Krookodile - // #554 Darumaka - // #555 Darmanitan - // #556 Maractus - // #557 Dwebble - // #558 Crustle - // #559 Scraggy - // #560 Scrafty - // #561 Sigilyph - // #562 Yamask - // #563 Cofagrigus - // #564 Tirtouga - // #565 Carracosta - // #566 Archen - // #567 Archeops - // #568 Trubbish - // #569 Garbodor - // #570 Zorua - // #571 Zoroark - // #572 Minccino - // #573 Cinccino - // #574 Gothita - // #575 Gothorita - // #576 Gothitelle - // #577 Solosis - // #578 Duosion - // #579 Reuniclus - // #580 Ducklett - // #581 Swanna - // #582 Vanillite - // #583 Vanillish - // #584 Vanilluxe - // #585 Deerling - // #586 Sawsbuck - // #587 Emolga - // #588 Karrablast - // #589 Escavalier - // #590 Foongus - // #591 Amoonguss - // #592 Frillish - // #593 Jellicent - // #594 Alomomola - // #595 Joltik - // #596 Galvantula - // #597 Ferroseed - // #598 Ferrothorn - // #599 Klink - // #600 Klang - // #601 Klinklang - // #602 Tynamo - // #603 Eelektrik - // #604 Eelektross - // #605 Elgyem - // #606 Beheeyem - // #607 Litwick - // #608 Lampent - // #609 Chandelure - // #610 Axew - // #611 Fraxure - // #612 Haxorus - // #613 Cubchoo - // #614 Beartic - // #615 Cryogonal - // #616 Shelmet - // #617 Accelgor - // #618 Stunfisk - // #619 Mienfoo - // #620 Mienshao - // #621 Druddigon - // #622 Golett - // #623 Golurk - // #624 Pawniard - // #625 Bisharp - // #626 Bouffalant - // #627 Rufflet - // #628 Braviary - // #629 Vullaby - // #630 Mandibuzz - // #631 Heatmor - // #632 Durant - // #633 Deino - // #634 Zweilous - // #635 Hydreigon - // #636 Larvesta - // #637 Volcarona - // #638 Cobalion - // #639 Terrakion - // #640 Virizion - // #641 Tornadus - // #642 Thundurus - // #643 Reshiram - // #644 Zekrom - // #645 Landorus - // #646 Kyurem - // #647 Keldeo - // #648 Meloetta - // #649 Genesect - // #650 Chespin - // #651 Quilladin - // #652 Chesnaught - // #653 Fennekin - // #654 Braixen - // #655 Delphox - // #656 Froakie - // #657 Frogadier - // #658 Greninja - // #659 Bunnelby - // #660 Diggersby - // #661 Fletchling - // #662 Fletchinder - // #663 Talonflame - // #664 Scatterbug - // #665 Spewpa - // #666 Vivillon - // #667 Litleo - // #668 Pyroar - // #669 Flabébé - // #670 Floette - // #671 Florges - // #672 Skiddo - // #673 Gogoat - // #674 Pancham - // #675 Pangoro - // #676 Furfrou - // #677 Espurr - // #678 Meowstic - // #679 Honedge - // #680 Doublade - // #681 Aegislash - // #682 Spritzee - // #683 Aromatisse - // #684 Swirlix - // #685 Slurpuff - // #686 Inkay - // #687 Malamar - // #688 Binacle - // #689 Barbaracle - // #690 Skrelp - // #691 Dragalge - // #692 Clauncher - // #693 Clawitzer - // #694 Helioptile - // #695 Heliolisk - // #696 Tyrunt - // #697 Tyrantrum - // #698 Amaura - // #699 Aurorus - // #700 Sylveon - // #701 Hawlucha - // #702 Dedenne - // #703 Carbink - // #704 Goomy - // #705 Sliggoo - // #706 Goodra - // #707 Klefki - // #708 Phantump - // #709 Trevenant - // #710 Pumpkaboo - // #711 Gourgeist - // #712 Bergmite - // #713 Avalugg - // #714 Noibat - // #715 Noivern - // #716 Xerneas - // #717 Yveltal - // #718 Zygarde - // #719 Diancie - // #720 Hoopa - // #721 Volcanion - // #722 Rowlet - // #723 Dartrix - // #724 Decidueye - // #725 Litten - // #726 Torracat - // #727 Incineroar - // #728 Popplio - // #729 Brionne - // #730 Primarina - // #731 Pikipek - // #732 Trumbeak - // #733 Toucannon - // #734 Yungoos - // #735 Gumshoos - // #736 Grubbin - // #737 Charjabug - // #738 Vikavolt - // #739 Crabrawler - // #740 Crabominable - // #741 Oricorio - // #742 Cutiefly - // #743 Ribombee - // #744 Rockruff - // #745 Lycanroc - // #746 Wishiwashi - // #747 Mareanie - // #748 Toxapex - // #749 Mudbray - // #750 Mudsdale - // #751 Dewpider - // #752 Araquanid - // #753 Fomantis - // #754 Lurantis - // #755 Morelull - // #756 Shiinotic - // #757 Salandit - // #758 Salazzle - // #759 Stufful - // #760 Bewear - // #761 Bounsweet - // #762 Steenee - // #763 Tsareena - // #764 Comfey - // #765 Oranguru - // #766 Passimian - // #767 Wimpod - // #768 Golisopod - // #769 Sandygast - // #770 Palossand - // #771 Pyukumuku - // #772 Type: Null - // #773 Silvally - // #774 Minior - // #775 Komala - // #776 Turtonator - // #777 Togedemaru - // #778 Mimikyu - // #779 Bruxish - // #780 Drampa - // #781 Dhelmise - // #782 Jangmo-o - // #783 Hakamo-o - // #784 Kommo-o - // #785 Tapu Koko - // #786 Tapu Lele - // #787 Tapu Bulu - // #788 Tapu Fini - // #789 Cosmog - // #790 Cosmoem - // #791 Solgaleo - // #792 Lunala - // #793 Nihilego - // #794 Buzzwole - // #795 Pheromosa - // #796 Xurkitree - // #797 Celesteela - // #798 Kartana - // #799 Guzzlord - // #800 Necrozma - // #801 Magearna - // #802 Marshadow - // #803 Poipole - // #804 Naganadel - // #805 Stakataka - // #806 Blacephalon - // #807 Zeraora - // #808 Meltan - // #809 Melmetal // rhydon &.pokemon-004, // #004 Charmander @@ -1606,6 +974,7 @@ $scale: 4; &.pokemon-115, // #115 Kangaskhan &.pokemon-439, // #439 Mime Jr. &.pokemon-122, // #122 Mr. Mime + &.pokemon-238, // #238 Smoochum &.pokemon-124, // #124 Jynx &.pokemon-239, // #239 Elekid &.pokemon-125, // #125 Electabuzz @@ -1617,10 +986,183 @@ $scale: 4; &.pokemon-137, // #137 Porygon &.pokemon-233, // #233 Porygon2 &.pokemon-474, // #474 Porygon-Z + &.pokemon-446, // #446 Munchlax &.pokemon-143, // #143 Snorlax - &.pokemon-181, // #181 Ampharos &.pokemon-150, // #150 Mewtwo &.pokemon-151, // #151 Mew + &.pokemon-157, // #157 Typhlosion + &.pokemon-180, // #180 Flaaffy + &.pokemon-181, // #181 Ampharos + &.pokemon-190, // #190 Aipom + &.pokemon-424, // #424 Ambipom + &.pokemon-200, // #200 Misdreavus + &.pokemon-429, // #429 Mismagius + &.pokemon-201, // #201 Unown + &.pokemon-360, // #360 Wynaut + &.pokemon-202, // #202 Wobbuffet + &.pokemon-207, // #207 Gligar + &.pokemon-472, // #472 Gliscor + &.pokemon-209, // #209 Snubbull + &.pokemon-210, // #210 Granbull + &.pokemon-215, // #215 Sneasel + &.pokemon-461, // #461 Weavile + &.pokemon-216, // #216 Teddiursa + &.pokemon-217, // #217 Ursaring + &.pokemon-218, // #218 Slugma + &.pokemon-219, // #219 Magcargo + &.pokemon-235, // #235 Smeargle + &.pokemon-241, // #241 Miltank + &.pokemon-246, // #246 Larvitar + &.pokemon-247, // #247 Pupitar + &.pokemon-248, // #248 Tyranitar + &.pokemon-256, // #256 Combusken + &.pokemon-257, // #257 Blaziken + &.pokemon-280, // #280 Ralts + &.pokemon-281, // #281 Kirlia + &.pokemon-282, // #282 Gardevoir + &.pokemon-475, // #475 Gallade + &.pokemon-287, // #287 Slakoth + &.pokemon-288, // #288 Vigoroth + &.pokemon-289, // #289 Slaking + &.pokemon-296, // #296 Makuhita + &.pokemon-297, // #297 Hariyama + &.pokemon-299, // #299 Nosepass + &.pokemon-476, // #476 Probopass + &.pokemon-302, // #302 Sableye + &.pokemon-303, // #303 Mawile + &.pokemon-306, // #306 Aggron + &.pokemon-307, // #307 Meditite + &.pokemon-308, // #308 Medicham + &.pokemon-311, // #311 Plusle + &.pokemon-312, // #312 Minun + &.pokemon-316, // #316 Gulpin + &.pokemon-317, // #317 Swalot + &.pokemon-325, // #325 Spoink + &.pokemon-326, // #326 Grumpig + &.pokemon-327, // #327 Spinda + &.pokemon-335, // #335 Zangoose + &.pokemon-343, // #343 Baltoy + &.pokemon-344, // #344 Claydol + &.pokemon-351, // #351 Castform + &.pokemon-352, // #352 Kecleon + &.pokemon-353, // #353 Shuppet + &.pokemon-354, // #354 Banette + &.pokemon-355, // #355 Duskull + &.pokemon-356, // #356 Dusclops + &.pokemon-477, // #477 Dusknoir + &.pokemon-361, // #361 Snorunt + &.pokemon-362, // #362 Glalie + &.pokemon-478, // #478 Froslass + &.pokemon-377, // #377 Regirock + &.pokemon-378, // #378 Regice + &.pokemon-379, // #379 Registeel + &.pokemon-383, // #383 Groudon + &.pokemon-386, // #386 Deoxys + &.pokemon-390, // #390 Chimchar + &.pokemon-391, // #391 Monferno + &.pokemon-392, // #392 Infernape + &.pokemon-408, // #408 Cranidos + &.pokemon-409, // #409 Rampardos + &.pokemon-427, // #427 Buneary + &.pokemon-428, // #428 Lopunny + &.pokemon-442, // #442 Spiritomb + &.pokemon-447, // #447 Riolu + &.pokemon-448, // #448 Lucario + &.pokemon-453, // #453 Croagunk + &.pokemon-454, // #454 Toxicroak + &.pokemon-459, // #459 Snover + &.pokemon-460, // #460 Abomasnow + &.pokemon-480, // #480 Uxie + &.pokemon-481, // #481 Mesprit + &.pokemon-482, // #482 Azelf + &.pokemon-486, // #486 Regigigas + &.pokemon-491, // #491 Darkrai + &.pokemon-499, // #499 Pignite + &.pokemon-500, // #500 Emboar + &.pokemon-504, // #504 Patrat + &.pokemon-505, // #505 Watchog + &.pokemon-513, // #513 Pansear + &.pokemon-514, // #514 Simisear + &.pokemon-524, // #524 Roggenrola + &.pokemon-525, // #525 Boldore + &.pokemon-526, // #526 Gigalith + &.pokemon-527, // #527 Woobat + &.pokemon-528, // #528 Swoobat + &.pokemon-529, // #529 Drilbur + &.pokemon-530, // #530 Excadrill + &.pokemon-532, // #532 Timburr + &.pokemon-533, // #533 Gurdurr + &.pokemon-534, // #534 Conkeldurr + &.pokemon-538, // #538 Throh + &.pokemon-539, // #539 Sawk + &.pokemon-552, // #552 Krokorok + &.pokemon-553, // #553 Krookodile + &.pokemon-554, // #554 Darumaka + &.pokemon-555, // #555 Darmanitan + &.pokemon-559, // #559 Scraggy + &.pokemon-560, // #560 Scrafty + &.pokemon-561, // #561 Sigilyph + &.pokemon-562, // #562 Yamask + &.pokemon-563, // #563 Cofagrigus + &.pokemon-568, // #568 Trubbish + &.pokemon-569, // #569 Garbodor + &.pokemon-571, // #571 Zoroark + &.pokemon-574, // #574 Gothita + &.pokemon-575, // #575 Gothorita + &.pokemon-576, // #576 Gothitelle + &.pokemon-582, // #582 Vanillite + &.pokemon-583, // #583 Vanillish + &.pokemon-584, // #584 Vanilluxe + &.pokemon-613, // #613 Cubchoo + &.pokemon-614, // #614 Beartic + &.pokemon-619, // #619 Mienfoo + &.pokemon-620, // #620 Mienshao + &.pokemon-622, // #622 Golett + &.pokemon-623, // #623 Golurk + &.pokemon-624, // #624 Pawniard + &.pokemon-625, // #625 Bisharp + &.pokemon-631, // #631 Heatmor + &.pokemon-641, // #641 Tornadus + &.pokemon-642, // #642 Thundurus + &.pokemon-643, // #643 Reshiram + &.pokemon-644, // #644 Zekrom + &.pokemon-645, // #645 Landorus + &.pokemon-646, // #646 Kyurem + &.pokemon-654, // #654 Braixen + &.pokemon-655, // #655 Delphox + &.pokemon-659, // #659 Bunnelby + &.pokemon-660, // #660 Diggersby + &.pokemon-674, // #674 Pancham + &.pokemon-675, // #675 Pangoro + &.pokemon-689, // #689 Barbaracle + &.pokemon-694, // #694 Helioptile + &.pokemon-695, // #695 Heliolisk + &.pokemon-696, // #696 Tyrunt + &.pokemon-697, // #697 Tyrantrum + &.pokemon-717, // #717 Yveltal + &.pokemon-719, // #719 Diancie + &.pokemon-720, // #720 Hoopa + &.pokemon-727, // #727 Incineroar + &.pokemon-747, // #747 Mareanie + &.pokemon-748, // #748 Toxapex + &.pokemon-760, // #760 Bewear + &.pokemon-765, // #765 Oranguru + &.pokemon-766, // #766 Passimian + &.pokemon-776, // #776 Turtonator + &.pokemon-783, // #783 Hakamo-o + &.pokemon-784, // #784 Kommo-o + &.pokemon-785, // #785 Tapu Koko + &.pokemon-786, // #786 Tapu Lele + &.pokemon-787, // #787 Tapu Bulu + &.pokemon-788, // #788 Tapu Fini + &.pokemon-792, // #792 Lunala + &.pokemon-796, // #796 Xurkitree + &.pokemon-799, // #799 Guzzlord + &.pokemon-800, // #800 Necrozma + &.pokemon-802, // #802 Marshadow + &.pokemon-803, // #803 Poipole + &.pokemon-806, // #806 Blacephalon + &.pokemon-807, // #807 Zeraora &.pokemon-rhydon { background-position: 0 0; } @@ -1638,6 +1180,47 @@ $scale: 4; &.pokemon-144, // #144 Articuno &.pokemon-145, // #145 Zapdos &.pokemon-146, // #146 Moltres + &.pokemon-163, // #163 Hoothoot + &.pokemon-164, // #164 Noctowl + &.pokemon-177, // #177 Natu + &.pokemon-178, // #178 Xatu + &.pokemon-198, // #198 Murkrow + &.pokemon-430, // #430 Honchkrow + &.pokemon-225, // #225 Delibird + &.pokemon-227, // #227 Skarmory + &.pokemon-249, // #249 Lugia + &.pokemon-250, // #250 Ho-Oh + &.pokemon-255, // #255 Torchic + &.pokemon-276, // #276 Taillow + &.pokemon-277, // #277 Swellow + &.pokemon-278, // #278 Wingull + &.pokemon-279, // #279 Pelipper + &.pokemon-333, // #333 Swablu + &.pokemon-334, // #334 Altaria + &.pokemon-396, // #396 Starly + &.pokemon-397, // #397 Staravia + &.pokemon-398, // #398 Staraptor + &.pokemon-441, // #441 Chatot + &.pokemon-519, // #519 Pidove + &.pokemon-520, // #520 Tranquill + &.pokemon-521, // #521 Unfezant + &.pokemon-566, // #566 Archen + &.pokemon-567, // #567 Archeops + &.pokemon-580, // #580 Ducklett + &.pokemon-581, // #581 Swanna + &.pokemon-627, // #627 Rufflet + &.pokemon-628, // #628 Braviary + &.pokemon-629, // #629 Vullaby + &.pokemon-630, // #630 Mandibuzz + &.pokemon-661, // #661 Fletchling + &.pokemon-662, // #662 Fletchinder + &.pokemon-663, // #663 Talonflame + &.pokemon-682, // #682 Spritzee + &.pokemon-701, // #701 Hawlucha + &.pokemon-731, // #731 Pikipek + &.pokemon-732, // #732 Trumbeak + &.pokemon-733, // #733 Toucannon + &.pokemon-741, // #741 Oricorio &.pokemon-bird { background-position: 0 -16px; } @@ -1659,6 +1242,82 @@ $scale: 4; &.pokemon-119, // #119 Seaking &.pokemon-129, // #129 Magikarp &.pokemon-131, // #131 Lapras + &.pokemon-158, // #158 Totodile + &.pokemon-159, // #159 Croconaw + &.pokemon-160, // #160 Feraligatr + &.pokemon-170, // #170 Chinchou + &.pokemon-171, // #171 Lanturn + &.pokemon-194, // #194 Wooper + &.pokemon-195, // #195 Quagsire + &.pokemon-211, // #211 Qwilfish + &.pokemon-222, // #222 Corsola + &.pokemon-223, // #223 Remoraid + &.pokemon-224, // #224 Octillery + &.pokemon-458, // #458 Mantyke + &.pokemon-226, // #226 Mantine + &.pokemon-258, // #258 Mudkip + &.pokemon-259, // #259 Marshtomp + &.pokemon-260, // #260 Swampert + &.pokemon-270, // #270 Lotad + &.pokemon-271, // #271 Lombre + &.pokemon-272, // #272 Ludicolo + &.pokemon-320, // #320 Wailmer + &.pokemon-321, // #321 Wailord + &.pokemon-318, // #318 Carvanha + &.pokemon-319, // #319 Sharpedo + &.pokemon-339, // #339 Barboach + &.pokemon-340, // #340 Whiscash + &.pokemon-349, // #349 Feebas + &.pokemon-363, // #363 Spheal + &.pokemon-364, // #364 Sealeo + &.pokemon-365, // #365 Walrein + &.pokemon-369, // #369 Relicanth + &.pokemon-370, // #370 Luvdisc + &.pokemon-382, // #382 Kyogre + &.pokemon-393, // #393 Piplup + &.pokemon-394, // #394 Prinplup + &.pokemon-395, // #395 Empoleon + &.pokemon-418, // #418 Buizel + &.pokemon-419, // #419 Floatzel + &.pokemon-422, // #422 Shellos + &.pokemon-423, // #423 Gastrodon + &.pokemon-443, // #443 Gible + &.pokemon-444, // #444 Gabite + &.pokemon-445, // #445 Garchomp + &.pokemon-456, // #456 Finneon + &.pokemon-457, // #457 Lumineon + &.pokemon-489, // #489 Phione + &.pokemon-490, // #490 Manaphy + &.pokemon-501, // #501 Oshawott + &.pokemon-502, // #502 Dewott + &.pokemon-503, // #503 Samurott + &.pokemon-515, // #515 Panpour + &.pokemon-516, // #516 Simipour + &.pokemon-535, // #535 Tympole + &.pokemon-536, // #536 Palpitoad + &.pokemon-537, // #537 Seismitoad + &.pokemon-550, // #550 Basculin + &.pokemon-592, // #592 Frillish + &.pokemon-593, // #593 Jellicent + &.pokemon-594, // #594 Alomomola + &.pokemon-602, // #602 Tynamo + &.pokemon-603, // #603 Eelektrik + &.pokemon-604, // #604 Eelektross + &.pokemon-618, // #618 Stunfisk + &.pokemon-656, // #656 Froakie + &.pokemon-657, // #657 Frogadier + &.pokemon-658, // #658 Greninja + &.pokemon-686, // #686 Inkay + &.pokemon-687, // #687 Malamar + &.pokemon-690, // #690 Skrelp + &.pokemon-691, // #691 Dragalge + &.pokemon-728, // #728 Popplio + &.pokemon-729, // #729 Brionne + &.pokemon-730, // #730 Primarina + &.pokemon-746, // #746 Wishiwashi + &.pokemon-771, // #771 Pyukumuku + &.pokemon-779, // #779 Bruxish + &.pokemon-793, // #793 Nihilego &.pokemon-fish { background-position: 0 -32px; } @@ -1673,8 +1332,38 @@ $scale: 4; &.pokemon-174, // #174 Igglybuff &.pokemon-039, // #039 Jigglypuff &.pokemon-040, // #040 Wigglytuff + &.pokemon-440, // #440 Happiny &.pokemon-113, // #113 Chansey &.pokemon-242, // #242 Blissey + &.pokemon-175, // #175 Togepi + &.pokemon-176, // #176 Togetic + &.pokemon-468, // #468 Togekiss + &.pokemon-298, // #298 Azurill + &.pokemon-183, // #183 Marill + &.pokemon-184, // #184 Azumarill + &.pokemon-251, // #251 Celebi + &.pokemon-293, // #293 Whismur + &.pokemon-294, // #294 Loudred + &.pokemon-295, // #295 Exploud + &.pokemon-385, // #385 Jirachi + &.pokemon-417, // #417 Pachirisu + &.pokemon-494, // #494 Victini + &.pokemon-517, // #517 Munna + &.pokemon-518, // #518 Musharna + &.pokemon-531, // #531 Audino + &.pokemon-572, // #572 Minccino + &.pokemon-573, // #573 Cinccino + &.pokemon-587, // #587 Emolga + &.pokemon-648, // #648 Meloetta + &.pokemon-677, // #677 Espurr + &.pokemon-678, // #678 Meowstic + &.pokemon-683, // #683 Aromatisse + &.pokemon-684, // #684 Swirlix + &.pokemon-685, // #685 Slurpuff + &.pokemon-702, // #702 Dedenne + &.pokemon-764, // #764 Comfey + &.pokemon-775, // #775 Komala + &.pokemon-777, // #777 Togedemaru &.pokemon-clefairy { background-position: 0 -48px; } @@ -1694,6 +1383,76 @@ $scale: 4; &.pokemon-103, // #103 Exeggutor &.pokemon-114, // #114 Tangela &.pokemon-465, // #465 Tangrowth + &.pokemon-152, // #152 Chikorita + &.pokemon-153, // #153 Bayleef + &.pokemon-154, // #154 Meganium + &.pokemon-438, // #438 Bonsly + &.pokemon-185, // #185 Sudowoodo + &.pokemon-187, // #187 Hoppip + &.pokemon-188, // #188 Skiploom + &.pokemon-189, // #189 Jumpluff + &.pokemon-191, // #191 Sunkern + &.pokemon-192, // #192 Sunflora + &.pokemon-252, // #252 Treecko + &.pokemon-253, // #253 Grovyle + &.pokemon-254, // #254 Sceptile + &.pokemon-273, // #273 Seedot + &.pokemon-274, // #274 Nuzleaf + &.pokemon-275, // #275 Shiftry + &.pokemon-285, // #285 Shroomish + &.pokemon-286, // #286 Breloom + &.pokemon-406, // #406 Budew + &.pokemon-315, // #315 Roselia + &.pokemon-407, // #407 Roserade + &.pokemon-331, // #331 Cacnea + &.pokemon-332, // #332 Cacturne + &.pokemon-345, // #345 Lileep + &.pokemon-346, // #346 Cradily + &.pokemon-357, // #357 Tropius + &.pokemon-387, // #387 Turtwig + &.pokemon-388, // #388 Grotle + &.pokemon-389, // #389 Torterra + &.pokemon-420, // #420 Cherubi + &.pokemon-421, // #421 Cherrim + &.pokemon-455, // #455 Carnivine + &.pokemon-495, // #495 Snivy + &.pokemon-496, // #496 Servine + &.pokemon-497, // #497 Serperior + &.pokemon-511, // #511 Pansage + &.pokemon-512, // #512 Simisage + &.pokemon-546, // #546 Cottonee + &.pokemon-547, // #547 Whimsicott + &.pokemon-548, // #548 Petilil + &.pokemon-549, // #549 Lilligant + &.pokemon-556, // #556 Maractus + &.pokemon-590, // #590 Foongus + &.pokemon-591, // #591 Amoonguss + &.pokemon-597, // #597 Ferroseed + &.pokemon-598, // #598 Ferrothorn + &.pokemon-640, // #640 Virizion + &.pokemon-650, // #650 Chespin + &.pokemon-651, // #651 Quilladin + &.pokemon-652, // #652 Chesnaught + &.pokemon-669, // #669 Flabébé + &.pokemon-670, // #670 Floette + &.pokemon-671, // #671 Florges + &.pokemon-672, // #672 Skiddo + &.pokemon-673, // #673 Gogoat + &.pokemon-708, // #708 Phantump + &.pokemon-709, // #709 Trevenant + &.pokemon-710, // #710 Pumpkaboo + &.pokemon-711, // #711 Gourgeist + &.pokemon-722, // #722 Rowlet + &.pokemon-723, // #723 Dartrix + &.pokemon-724, // #724 Decidueye + &.pokemon-753, // #753 Fomantis + &.pokemon-754, // #754 Lurantis + &.pokemon-755, // #755 Morelull + &.pokemon-756, // #756 Shiinotic + &.pokemon-761, // #761 Bounsweet + &.pokemon-762, // #762 Steenee + &.pokemon-763, // #763 Tsareena + &.pokemon-781, // #781 Dhelmise &.pokemon-plant { background-position: 0 -64px; } @@ -1712,6 +1471,67 @@ $scale: 4; &.pokemon-123, // #123 Scyther &.pokemon-212, // #212 Scizor &.pokemon-127, // #127 Pinsir + &.pokemon-165, // #165 Ledyba + &.pokemon-166, // #166 Ledian + &.pokemon-167, // #167 Spinarak + &.pokemon-168, // #168 Ariados + &.pokemon-193, // #193 Yanma + &.pokemon-469, // #469 Yanmega + &.pokemon-204, // #204 Pineco + &.pokemon-205, // #205 Forretress + &.pokemon-213, // #213 Shuckle + &.pokemon-214, // #214 Heracross + &.pokemon-265, // #265 Wurmple + &.pokemon-266, // #266 Silcoon + &.pokemon-267, // #267 Beautifly + &.pokemon-268, // #268 Cascoon + &.pokemon-269, // #269 Dustox + &.pokemon-283, // #283 Surskit + &.pokemon-284, // #284 Masquerain + &.pokemon-290, // #290 Nincada + &.pokemon-291, // #291 Ninjask + &.pokemon-292, // #292 Shedinja + &.pokemon-313, // #313 Volbeat + &.pokemon-314, // #314 Illumise + &.pokemon-347, // #347 Anorith + &.pokemon-348, // #348 Armaldo + &.pokemon-401, // #401 Kricketot + &.pokemon-402, // #402 Kricketune + &.pokemon-412, // #412 Burmy + &.pokemon-413, // #413 Wormadam + &.pokemon-414, // #414 Mothim + &.pokemon-415, // #415 Combee + &.pokemon-416, // #416 Vespiquen + &.pokemon-451, // #451 Skorupi + &.pokemon-452, // #452 Drapion + &.pokemon-540, // #540 Sewaddle + &.pokemon-541, // #541 Swadloon + &.pokemon-542, // #542 Leavanny + &.pokemon-543, // #543 Venipede + &.pokemon-544, // #544 Whirlipede + &.pokemon-545, // #545 Scolipede + &.pokemon-588, // #588 Karrablast + &.pokemon-595, // #595 Joltik + &.pokemon-596, // #596 Galvantula + &.pokemon-617, // #617 Accelgor + &.pokemon-632, // #632 Durant + &.pokemon-636, // #636 Larvesta + &.pokemon-637, // #637 Volcarona + &.pokemon-649, // #649 Genesect + &.pokemon-664, // #664 Scatterbug + &.pokemon-665, // #665 Spewpa + &.pokemon-666, // #666 Vivillon + &.pokemon-736, // #736 Grubbin + &.pokemon-737, // #737 Charjabug + &.pokemon-738, // #738 Vikavolt + &.pokemon-742, // #742 Cutiefly + &.pokemon-743, // #743 Ribombee + &.pokemon-751, // #751 Dewpider + &.pokemon-752, // #752 Araquanid + &.pokemon-767, // #767 Wimpod + &.pokemon-768, // #768 Golisopod + &.pokemon-794, // #794 Buzzwole + &.pokemon-795, // #795 Pheromosa &.pokemon-bug { background-position: 0 -80px; } @@ -1725,6 +1545,40 @@ $scale: 4; &.pokemon-147, // #147 Dratini &.pokemon-148, // #148 Dragonair &.pokemon-149, // #149 Dragonite + &.pokemon-206, // #206 Dunsparce + &.pokemon-329, // #329 Vibrava + &.pokemon-330, // #330 Flygon + &.pokemon-336, // #336 Seviper + &.pokemon-350, // #350 Milotic + &.pokemon-367, // #367 Huntail + &.pokemon-368, // #368 Gorebyss + &.pokemon-371, // #371 Bagon + &.pokemon-372, // #372 Shelgon + &.pokemon-373, // #373 Salamence + &.pokemon-380, // #380 Latias + &.pokemon-381, // #381 Latios + &.pokemon-384, // #384 Rayquaza + &.pokemon-484, // #484 Palkia + &.pokemon-487, // #487 Giratina + &.pokemon-488, // #488 Cresselia + &.pokemon-610, // #610 Axew + &.pokemon-611, // #611 Fraxure + &.pokemon-612, // #612 Haxorus + &.pokemon-621, // #621 Druddigon + &.pokemon-633, // #633 Deino + &.pokemon-634, // #634 Zweilous + &.pokemon-635, // #635 Hydreigon + &.pokemon-704, // #704 Goomy + &.pokemon-705, // #705 Sliggoo + &.pokemon-706, // #706 Goodra + &.pokemon-714, // #714 Noibat + &.pokemon-715, // #715 Noivern + &.pokemon-718, // #718 Zygarde + &.pokemon-769, // #769 Sandygast + &.pokemon-770, // #770 Palossand + &.pokemon-778, // #778 Mimikyu + &.pokemon-780, // #780 Drampa + &.pokemon-804, // #804 Naganadel &.pokemon-snake { background-position: 0 -96px; } @@ -1745,6 +1599,97 @@ $scale: 4; &.pokemon-197, // #197 Umbreon &.pokemon-470, // #470 Leafeon &.pokemon-471, // #471 Glaceon + &.pokemon-700, // #700 Sylveon + &.pokemon-155, // #155 Cyndaquil + &.pokemon-156, // #156 Quilava + &.pokemon-161, // #161 Sentret + &.pokemon-162, // #162 Furret + &.pokemon-179, // #179 Mareep + &.pokemon-203, // #203 Girafarig + &.pokemon-220, // #220 Swinub + &.pokemon-221, // #221 Piloswine + &.pokemon-473, // #473 Mamoswine + &.pokemon-228, // #228 Houndour + &.pokemon-229, // #229 Houndoom + &.pokemon-231, // #231 Phanpy + &.pokemon-232, // #232 Donphan + &.pokemon-234, // #234 Stantler + &.pokemon-243, // #243 Raikou + &.pokemon-244, // #244 Entei + &.pokemon-245, // #245 Suicune + &.pokemon-261, // #261 Poochyena + &.pokemon-262, // #262 Mightyena + &.pokemon-263, // #263 Zigzagoon + &.pokemon-264, // #264 Linoone + &.pokemon-300, // #300 Skitty + &.pokemon-301, // #301 Delcatty + &.pokemon-304, // #304 Aron + &.pokemon-305, // #305 Lairon + &.pokemon-309, // #309 Electrike + &.pokemon-310, // #310 Manectric + &.pokemon-322, // #322 Numel + &.pokemon-323, // #323 Camerupt + &.pokemon-324, // #324 Torkoal + &.pokemon-328, // #328 Trapinch + &.pokemon-359, // #359 Absol + &.pokemon-399, // #399 Bidoof + &.pokemon-400, // #400 Bibarel + &.pokemon-403, // #403 Shinx + &.pokemon-404, // #404 Luxio + &.pokemon-405, // #405 Luxray + &.pokemon-410, // #410 Shieldon + &.pokemon-411, // #411 Bastiodon + &.pokemon-431, // #431 Glameow + &.pokemon-432, // #432 Purugly + &.pokemon-434, // #434 Stunky + &.pokemon-435, // #435 Skuntank + &.pokemon-449, // #449 Hippopotas + &.pokemon-450, // #450 Hippowdon + &.pokemon-483, // #483 Dialga + &.pokemon-485, // #485 Heatran + &.pokemon-492, // #492 Shaymin + &.pokemon-493, // #493 Arceus + &.pokemon-498, // #498 Tepig + &.pokemon-506, // #506 Lillipup + &.pokemon-507, // #507 Herdier + &.pokemon-508, // #508 Stoutland + &.pokemon-509, // #509 Purrloin + &.pokemon-510, // #510 Liepard + &.pokemon-522, // #522 Blitzle + &.pokemon-523, // #523 Zebstrika + &.pokemon-551, // #551 Sandile + &.pokemon-570, // #570 Zorua + &.pokemon-585, // #585 Deerling + &.pokemon-586, // #586 Sawsbuck + &.pokemon-626, // #626 Bouffalant + &.pokemon-638, // #638 Cobalion + &.pokemon-639, // #639 Terrakion + &.pokemon-647, // #647 Keldeo + &.pokemon-653, // #653 Fennekin + &.pokemon-667, // #667 Litleo + &.pokemon-668, // #668 Pyroar + &.pokemon-676, // #676 Furfrou + &.pokemon-698, // #698 Amaura + &.pokemon-699, // #699 Aurorus + &.pokemon-712, // #712 Bergmite + &.pokemon-713, // #713 Avalugg + &.pokemon-716, // #716 Xerneas + &.pokemon-721, // #721 Volcanion + &.pokemon-725, // #725 Litten + &.pokemon-726, // #726 Torracat + &.pokemon-734, // #734 Yungoos + &.pokemon-735, // #735 Gumshoos + &.pokemon-744, // #744 Rockruff + &.pokemon-745, // #745 Lycanroc + &.pokemon-749, // #749 Mudbray + &.pokemon-750, // #750 Mudsdale + &.pokemon-757, // #757 Salandit + &.pokemon-758, // #758 Salazzle + &.pokemon-759, // #759 Stufful + &.pokemon-772, // #772 Type: Null + &.pokemon-773, // #773 Silvally + &.pokemon-782, // #782 Jangmo-o + &.pokemon-791, // #791 Solgaleo &.pokemon-tauros { background-position: 0 -112px; } @@ -1755,6 +1700,41 @@ $scale: 4; &.pokemon-462, // #462 Magnezone &.pokemon-100, // #100 Voltorb &.pokemon-101, // #101 Electrode + &.pokemon-433, // #433 Chingling + &.pokemon-358, // #358 Chimecho + &.pokemon-374, // #374 Beldum + &.pokemon-375, // #375 Metang + &.pokemon-376, // #376 Metagross + &.pokemon-425, // #425 Drifloon + &.pokemon-426, // #426 Drifblim + &.pokemon-436, // #436 Bronzor + &.pokemon-437, // #437 Bronzong + &.pokemon-479, // #479 Rotom + &.pokemon-577, // #577 Solosis + &.pokemon-578, // #578 Duosion + &.pokemon-579, // #579 Reuniclus + &.pokemon-599, // #599 Klink + &.pokemon-600, // #600 Klang + &.pokemon-601, // #601 Klinklang + &.pokemon-605, // #605 Elgyem + &.pokemon-606, // #606 Beheeyem + &.pokemon-607, // #607 Litwick + &.pokemon-608, // #608 Lampent + &.pokemon-609, // #609 Chandelure + &.pokemon-615, // #615 Cryogonal + &.pokemon-679, // #679 Honedge + &.pokemon-680, // #680 Doublade + &.pokemon-681, // #681 Aegislash + &.pokemon-707, // #707 Klefki + &.pokemon-774, // #774 Minior + &.pokemon-789, // #789 Cosmog + &.pokemon-790, // #790 Cosmoem + &.pokemon-797, // #797 Celesteela + &.pokemon-798, // #798 Kartana + &.pokemon-801, // #801 Magearna + &.pokemon-805, // #805 Stakataka + &.pokemon-808, // #808 Meltan + &.pokemon-809, // #809 Melmetal &.pokemon-pokeball { background-position: 0 -128px; @@ -1772,6 +1752,23 @@ $scale: 4; &.pokemon-139, // #139 Omastar &.pokemon-140, // #140 Kabuto &.pokemon-141, // #141 Kabutops + &.pokemon-337, // #337 Lunatone + &.pokemon-338, // #338 Solrock + &.pokemon-341, // #341 Corphish + &.pokemon-342, // #342 Crawdaunt + &.pokemon-557, // #557 Dwebble + &.pokemon-558, // #558 Crustle + &.pokemon-564, // #564 Tirtouga + &.pokemon-565, // #565 Carracosta + &.pokemon-366, // #366 Clamperl + &.pokemon-589, // #589 Escavalier + &.pokemon-616, // #616 Shelmet + &.pokemon-688, // #688 Binacle + &.pokemon-692, // #692 Clauncher + &.pokemon-693, // #693 Clawitzer + &.pokemon-703, // #703 Carbink + &.pokemon-739, // #739 Crabrawler + &.pokemon-740, // #740 Crabominable &.pokemon-fossil { background-position: 0 -144px; diff --git a/src/ts/app/PokemonApp.tsx b/src/ts/app/PokemonApp.tsx index 74c8395..a01098a 100644 --- a/src/ts/app/PokemonApp.tsx +++ b/src/ts/app/PokemonApp.tsx @@ -14,6 +14,8 @@ import { IPokemonAppDispatch } from './types'; import { IndividualValueKey } from './components/PokemonExplorer/types'; +import { Footer } from './components/Footer'; +import { Header } from './components/Header'; import { PokemonExplorer } from './components/PokemonExplorer/PokemonExplorer'; import { PokemonSelectList } from './components/PokemonSelectList/PokemonSelectList'; @@ -78,26 +80,30 @@ class PokemonApp extends React.Component { return (
- - { leaguePokemon !== null && - +
+ - } + { leaguePokemon !== null && + + } +
+
); } diff --git a/src/ts/app/components/Footer.tsx b/src/ts/app/components/Footer.tsx new file mode 100644 index 0000000..5258d53 --- /dev/null +++ b/src/ts/app/components/Footer.tsx @@ -0,0 +1,14 @@ +import React from 'react'; + +import * as styles from '../styles/PokemonApp.scss'; + +interface IFooterProps {} + +export class Footer extends React.Component { + + public render() { + return ( +
+ ); + } +} diff --git a/src/ts/app/components/Header.tsx b/src/ts/app/components/Header.tsx new file mode 100644 index 0000000..5cbad83 --- /dev/null +++ b/src/ts/app/components/Header.tsx @@ -0,0 +1,16 @@ +import React from 'react'; + +import * as styles from '../styles/PokemonApp.scss'; + +interface IHeaderProps {} + +export class Header extends React.Component { + + public render() { + return ( +
+ Header +
+ ); + } +} diff --git a/src/ts/app/components/PokemonExplorer/styles/LeagueStatsList.scss b/src/ts/app/components/PokemonExplorer/styles/LeagueStatsList.scss index ce6e875..6f8fb11 100644 --- a/src/ts/app/components/PokemonExplorer/styles/LeagueStatsList.scss +++ b/src/ts/app/components/PokemonExplorer/styles/LeagueStatsList.scss @@ -1,7 +1,7 @@ @import 'styles/Variables.scss'; .selectList { - height: 100%; + // height: 100%; flex-grow: 1; /* for Firefox */ diff --git a/src/ts/app/components/PokemonExplorer/styles/PokemonExplorer.scss b/src/ts/app/components/PokemonExplorer/styles/PokemonExplorer.scss index 0e08ee4..2a7ef3f 100644 --- a/src/ts/app/components/PokemonExplorer/styles/PokemonExplorer.scss +++ b/src/ts/app/components/PokemonExplorer/styles/PokemonExplorer.scss @@ -1,7 +1,6 @@ @import 'styles/Variables.scss'; .wrapper { - height: 100vh; margin: 0 auto; flex-basis: 30rem; display: flex; @@ -12,11 +11,14 @@ margin-bottom: 0; } +.pokemonInfoWrapper { + margin-bottom: 1rem; +} + .pokemonInfoWrapper, .leaguePokemonRank { display: flex; justify-content: space-evenly; - margin-bottom: 1rem; .pokemonInfoLeftColumn, .pokemonInfoRightColumn { diff --git a/src/ts/app/components/PokemonSelectList/styles/PokemonSelectList.scss b/src/ts/app/components/PokemonSelectList/styles/PokemonSelectList.scss index d0845d1..45329bf 100644 --- a/src/ts/app/components/PokemonSelectList/styles/PokemonSelectList.scss +++ b/src/ts/app/components/PokemonSelectList/styles/PokemonSelectList.scss @@ -1,7 +1,6 @@ @import 'styles/Variables.scss'; .leftPanel { - height: 100vh; font-size: 0.8rem; flex-basis: 20em; display: flex; @@ -31,7 +30,7 @@ a { color: inherit; text-decoration: none; - padding: 5px 1em 5px 2.25em; + padding: 5px 1em 5px 2em; justify-content: flex-end; align-content: space-around; flex-wrap: wrap; diff --git a/src/ts/app/styles/PokemonApp.scss b/src/ts/app/styles/PokemonApp.scss index 9c347ba..b3af7e9 100644 --- a/src/ts/app/styles/PokemonApp.scss +++ b/src/ts/app/styles/PokemonApp.scss @@ -2,12 +2,23 @@ .wrapper { display: flex; - flex-flow: row nowrap; + flex-flow: column nowrap; align-items: stretch; height: 100vh; + .body { + display: flex; + flex-flow: row nowrap; + align-items: stretch; + } + // & > * { // flex-grow: 0; // flex-shrink: 0; // } } + +.header, +.footer { + height: 60px; +} diff --git a/src/ts/app/styles/PokemonApp.scss.d.ts b/src/ts/app/styles/PokemonApp.scss.d.ts index 9ae387c..ad1de90 100644 --- a/src/ts/app/styles/PokemonApp.scss.d.ts +++ b/src/ts/app/styles/PokemonApp.scss.d.ts @@ -1,3 +1,6 @@ // This file is automatically generated. // Please do not change this file! +export const body: string; +export const footer: string; +export const header: string; export const wrapper: string;