From edf3082cd71e67c68e30240d512ffcd460184489 Mon Sep 17 00:00:00 2001
From: Severyn Kozak <severyn.kozak@gmail.com>
Date: Thu, 8 May 2014 15:16:04 -0400
Subject: [PATCH] Add center column, footer, transitions.

Add:
    static/sass/_mixins.sass
        -Add transition classes.

    static/sass/main.sass
        -Add base styling for footer, center column.

    templates/index.html
        -Add foundation `div` tree to `body`, and footer contents.
---
 static/css/main.css      |  4 ----
 static/sass/_mixins.sass | 10 ++++++++--
 static/sass/main.sass    | 29 ++++++++++++++++++++++++++---
 templates/index.html     | 32 +++++++++++++++++++++++++++++++-
 4 files changed, 65 insertions(+), 10 deletions(-)
 delete mode 100644 static/css/main.css

diff --git a/static/css/main.css b/static/css/main.css
deleted file mode 100644
index 40bba29..0000000
--- a/static/css/main.css
+++ /dev/null
@@ -1,4 +0,0 @@
-/* Global project stylesheet.
- */
-p {
-  font-size: 1.5em; }
diff --git a/static/sass/_mixins.sass b/static/sass/_mixins.sass
index 3d04e5f..c6c441a 100644
--- a/static/sass/_mixins.sass
+++ b/static/sass/_mixins.sass
@@ -1,11 +1,17 @@
 /*
- Partial to contain all globally-applicable mixins
+ Partial to contain all globally-applicable mixins.
  */
 
-// add vendor prefixes for the property $property with value $value
+// Add vendor prefixes for the property $property with value $value.
 @mixin vendor($property, $value)
     -webkit-#{$property}: $value
     -moz-#{$property}: $value
     -ms-#{$property}: $value
     -o-#{$property}: $value
     #{$property}: $value
+
+.t1
+    @include vendor(transition, all 0.1s ease-out)
+
+.t3
+    @include vendor(transition, all 0.3s ease-out)
diff --git a/static/sass/main.sass b/static/sass/main.sass
index 5c8ce5d..da76428 100644
--- a/static/sass/main.sass
+++ b/static/sass/main.sass
@@ -2,6 +2,29 @@
  Global project stylesheet.
  */
 
-// placeholder
-p
-    font-size: 1.5em
+@import mixins
+
+body
+    margin: 0px
+
+div#center
+    background-color: red
+    margin-left: auto
+    margin-right: auto
+    margin-top: 0px
+    width: 75%
+
+div#footer
+    @extend .t3
+
+    background-color: yellow
+    bottom: -20px
+    position: fixed
+    width: 100%
+    text-align: center
+
+    a
+        padding-left: 10%
+
+    &:hover
+        bottom: 0px
diff --git a/templates/index.html b/templates/index.html
index ba1165f..0490da5 100644
--- a/templates/index.html
+++ b/templates/index.html
@@ -5,5 +5,35 @@
 = endblock
 
 = block body
-  <p>Hello, world.</p>
+  <div>Hello, world.</div>
+  <div>Hello, world.</div>
+  <div>Hello, world.</div>
+  <div>Hello, world.</div>
+  <div>Hello, world.</div>
+  <div>Hello, world.</div>
+  <div>Hello, world.</div>
+  <div>Hello, world.</div>
+  <div>Hello, world.</div>
+  <div>Hello, world.</div>
+  <div>Hello, world.</div>
+  <div>Hello, world.</div>
+  <div>Hello, world.</div>
+  <div>Hello, world.</div>
+  <div>Hello, world.</div>
+  <div>Hello, world.</div>
+  <div>Hello, world.</div>
+  <div>Hello, world.</div>
+  <div>Hello, world.</div>
+  <div>Hello, world.</div>
+  <div>Hello, world.</div>
+  <div>Hello, world.</div>
+  <div>Hello, world.</div>
+  <div>Hello, world.</div>
+  <div>Hello, world.</div>
+  <div>Hello, world.</div>
+  <div>Hello, world.</div>
+  <div>Hello, world.</div>
+  <div>Hello, world.</div>
+  <div>Hello, world.</div>
+  <div>Hello, world.</div>
 = endblock