From 5ade37d852bd1e96f9451ab98619359a5a048cee Mon Sep 17 00:00:00 2001
From: Kelly Rauchenberger <fefferburbia@gmail.com>
Date: Mon, 29 Jan 2018 21:13:35 -0500
Subject: Added Pokédex viewing page
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Currently a work in progress. The queries used to display the Pokémon for each species are very inefficient. The text at the top of the page is also very specific to the author.
---
 app/assets/stylesheets/pokeviewer/pokedex.scss | 85 ++++++++++++++++++++++++++
 1 file changed, 85 insertions(+)
 create mode 100644 app/assets/stylesheets/pokeviewer/pokedex.scss

(limited to 'app/assets')

diff --git a/app/assets/stylesheets/pokeviewer/pokedex.scss b/app/assets/stylesheets/pokeviewer/pokedex.scss
new file mode 100644
index 0000000..5cecb28
--- /dev/null
+++ b/app/assets/stylesheets/pokeviewer/pokedex.scss
@@ -0,0 +1,85 @@
+// Place all the styles related to the Pokedex controller here.
+// They will automatically be included in application.css.
+// You can use Sass (SCSS) here: http://sass-lang.com/
+
+.pkvd-table {
+  border-spacing: 5px;
+
+  th {
+    text-align: right;
+    font-family: 'Power Green';
+    font-weight: normal;
+    padding-right: 0.5em;
+
+    img {
+      image-rendering: pixelated;
+    }
+  }
+
+  td {
+    padding: 0 0.5em;
+    text-align: center;
+    font-family: 'Power Green';
+
+    &.pkvd-unseen {
+      border: 1px dashed gray;
+      color: gray;
+    }
+
+    &.pkvd-seen {
+      border-width: 3px;
+      border-style: solid;
+      font-weight: bold;
+
+      &.ruby {
+        border-color: #D67873;
+        color: #D67873;
+      }
+
+      &.sapphire {
+        border-color: #445E9C;
+        color: #445E9C;
+      }
+
+      &.firered {
+        border-color: #F5AC78;
+        color: #F5AC78;
+      }
+
+      &.leafgreen {
+        border-color: #A7DB8D;
+        color: #A7DB8D;
+      }
+
+      &.emerald {
+        border-color: #4E8234;
+        color: #4E8234;
+      }
+    }
+
+    &.pkvd-caught {
+      color: black;
+      font-weight: bold;
+
+      &.ruby {
+        background-color: #D67873;
+      }
+
+      &.sapphire {
+        background-color: #445E9C;
+      }
+
+      &.firered {
+        background-color: #F5AC78;
+      }
+
+      &.leafgreen {
+        background-color: #A7DB8D;
+      }
+
+      &.emerald {
+        background-color: #4E8234;
+      }
+    }
+  }
+}
-- 
cgit 1.4.1