From b5036ebb6708d582f5168b024f85b2ae69cc91df Mon Sep 17 00:00:00 2001
From: Severyn Kozak <severyn.kozak@gmail.com>
Date: Mon, 12 May 2014 17:46:33 -0400
Subject: [PATCH] Add 3 base-colors, better transition animation.

Add:
    static/sass/index.sass
        -Add a gradual CSS `transition` to the search-bar, when a query is
        entered for the first time.

    static/sass/_variables.sass
        -Add bitshift's three new primary base colors.
---
 static/sass/_variables.sass | 4 +++-
 static/sass/index.sass      | 7 +++----
 static/sass/main.sass       | 3 ++-
 3 files changed, 8 insertions(+), 6 deletions(-)

diff --git a/static/sass/_variables.sass b/static/sass/_variables.sass
index 9ac81fc..9a875e3 100644
--- a/static/sass/_variables.sass
+++ b/static/sass/_variables.sass
@@ -2,4 +2,6 @@
  Partial to contain all globally-applicable variables.
  */
 
-$lightBlue: #37a5d4
+$baseColor1: #A31F34
+$baseColor2: #8A8B8C
+$baseColor3: #C2C0BF
diff --git a/static/sass/index.sass b/static/sass/index.sass
index 2b773c5..67ff158 100644
--- a/static/sass/index.sass
+++ b/static/sass/index.sass
@@ -5,12 +5,11 @@
 @import mixins
 
 div#search-field
-    @extend .t3
-
     bottom: 0
-    height: 200px
+    height: 50%
     left: 0
     margin: auto
+    margin-top: 15%
     position: absolute
     right: 0
     top: 0
@@ -30,7 +29,7 @@ div#search-field
     &.partly-visible
         @extend .t3
 
-        margin-top: 2%
+        margin-top: 3%
         width: 46%
 
         #title
diff --git a/static/sass/main.sass b/static/sass/main.sass
index c8c7f2d..3a2ab37 100644
--- a/static/sass/main.sass
+++ b/static/sass/main.sass
@@ -21,6 +21,7 @@ div#container
         padding: 10px
 
     div#body
+        height: 100%
         padding-bottom: 110px
         padding-top: 4%
 
@@ -32,7 +33,7 @@ div#container
     div#footer
         @extend .t3
 
-        background-color: $lightBlue
+        background-color: $baseColor1
         bottom: 0
         height: 60px
         padding-top: 12px