From 3e4e4583fb751fb47013580ce86e2cc3a0e8353b Mon Sep 17 00:00:00 2001
From: Kelly Rauchenberger <fefferburbia@gmail.com>
Date: Tue, 26 Sep 2017 17:47:16 -0400
Subject: Added section on homepage for Pokémon not in any game
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 app/assets/stylesheets/pokeviewer/pokemon.css.scss | 54 ++++++++++++++--------
 1 file changed, 36 insertions(+), 18 deletions(-)

(limited to 'app/assets/stylesheets')

diff --git a/app/assets/stylesheets/pokeviewer/pokemon.css.scss b/app/assets/stylesheets/pokeviewer/pokemon.css.scss
index 83fac45..766a0e0 100644
--- a/app/assets/stylesheets/pokeviewer/pokemon.css.scss
+++ b/app/assets/stylesheets/pokeviewer/pokemon.css.scss
@@ -47,6 +47,14 @@
       background-color: #4E8234;
     }
 
+    &.unaccounted {
+      background-color: black;
+
+      h2 {
+        color: white;
+      }
+    }
+
     h2 {
       margin: 0;
       display: inline-block;
@@ -114,29 +122,39 @@
           width: 32px;
           height: 32px;
         }
-
-        .pc-pokemon {
-          .pc-data {
-            display: none;
-            background-color: #111;
-            color: #fff;
-            z-index: 1;
-            padding: .5em;
-            box-shadow: 0px 0px 2px 1px #B3B3B3;
-            border-radius: 4px;
-            position: absolute;
-
-            .pc-data-name {
-              font-weight: bold;
-              white-space: pre;
-            }
-          }
-        }
       }
     }
   }
 }
 
+.pc-pokemon {
+  .pc-data {
+    display: none;
+    background-color: #111;
+    color: #fff;
+    z-index: 1;
+    padding: .5em;
+    box-shadow: 0px 0px 2px 1px #B3B3B3;
+    border-radius: 4px;
+    position: absolute;
+
+    .pc-data-name {
+      font-weight: bold;
+      white-space: pre;
+    }
+  }
+}
+
+.pokemon-list {
+  display: flex;
+  flex-wrap: wrap;
+  padding: 0 1em;
+
+  li {
+    display: block;
+  }
+}
+
 .pokemon {
   font-family: 'Power Green';
   display: flex;
-- 
cgit 1.4.1