From 94eecff6d20ed6c1dd235d896095ffb512e8a532 Mon Sep 17 00:00:00 2001
From: Rory Gibson <rg.rorygibson@gmail.com>
Date: Wed, 22 Jan 2014 01:09:23 +0400
Subject: [PATCH] Responsiveness tweaks

---
 assets/css/style.css                          |  23 +++++++++++++++---
 .../style.scssc                               | Bin 42691 -> 44623 bytes
 assets/sass/style.scss                        |  23 +++++++++++++++++-
 index.hbs                                     |   2 +-
 page.hbs                                      |   2 +-
 post.hbs                                      |   2 +-
 6 files changed, 45 insertions(+), 7 deletions(-)

diff --git a/assets/css/style.css b/assets/css/style.css
index 04faec695..250f96e67 100644
--- a/assets/css/style.css
+++ b/assets/css/style.css
@@ -199,7 +199,7 @@ table {
 #latest-post {
   display: none; }
 
-.post {
+.post-container {
   margin: 0 40px; }
 
 .post-header {
@@ -363,13 +363,30 @@ table {
 /* ============================================================ */
 /* Media Queries */
 /* ============================================================ */
+@media only screen and (max-width: 800px) {
+  .post-stub-tag {
+    display: none; } }
 @media only screen and (max-width: 600px) {
+  .site-nav-item {
+    display: block;
+    margin: 15px 0; }
+
   .post-stub-title {
     display: block; }
 
   .post-stub-date:before {
     content: "";
-    display: block; } }
+    display: block; }
+
+  .post-container,
+  .post-list {
+    margin-right: 25px;
+    margin-left: 25px; } }
 @media only screen and (max-width: 400px) {
   .post-title {
-    font-size: 32px; } }
+    font-size: 32px; }
+
+  .post-container,
+  .post-list {
+    margin-right: 15px;
+    margin-left: 15px; } }
diff --git a/assets/sass/.sass-cache/4c0f184ddf523d9e41705de4a1576d5b51e21674/style.scssc b/assets/sass/.sass-cache/4c0f184ddf523d9e41705de4a1576d5b51e21674/style.scssc
index e8fbc06ef28c56d3c23b4ea8f23d9a3bc18ad024..7e475931f36615ebdf95e23af9b38ac4b0a64e9c 100644
GIT binary patch
delta 1309
zcmb_cO-~b16m_0S9okw^YOMG*)+$t>_6u73f`F!IA%qYbjZ!2-XIdwe4wf!3m6%Xk
zb|!FRShFaafJ9P_0T+;<OXCj!7bf}x>cXATc{A;_in!5POzwO4+<VSDbKh*eM;~?&
zcG;Y^%S?R_&j~Ek!zM<oT6fE^+v6D?c5qz8?hbq0VYZobaBhdo#ks;Rr?<Jq8S&bO
zXK@{Mb2a?kZ!p@%#PMWPSd1rGAr1wf4a5=6k>Z+9XmC{!>jmlyd}^r8uXnCu#O#Or
znWOYm3VQ=)trs3=F2RdPAN36S`cJ^cv=;_D7)Ym$P?#Q}mf-f3m0nW7EfUy5Rl#=0
z9fXz%-n2~NbM0tDCy^jE)(ji~w)ZM}PQhlEUyoKOe6U@Cz=9A3I%_s;%j;FSd|Nly
zX@Rz|86IV8U_Q;EJOw{`j=@k&3#X@PM_z^%bl76Y=S6%$gX>cJ2&I~+j0ye8-Zttb
zgnF;HzEa60a8r;d5%F<7t{u<>%$8sL;}eZqMtYRZm@uA%+3v<&j&>5}HFA7<O%_(I
zheEd*uJmg-QY4wKK#Iv-s!LUJpAtw?E#i7TK16gK9%U0zA>Nb_qW4I@Af`oZr7;~a
zS2<xJai(!yK32J+x>yn8BY!L~y-|IT=oKFb{}Ozgj!+vgn6XOlnM?z$OzGftpbMc*
zazx{%EbxY&fJ-shb#*Y5Wm=_;;+K`8|7Y%&Z0?rKd{;F$SZQu4xyxKNA?a1)z0HM(
z2HPq0_AhP{gaf@(PbxJn+qY3#_zdkyesnCxCi#FFO`M&Zxt9N$^;c_4my=KAJ@YvO
z<%N$qQw<wsQVb`IO9c;nOk9lf7($Cy*vT27@WcrIMN=&qMdhpd7)SHi1Y^hYcus2J
zb1oIC7*+MY|31G=N=B7CDHG*moKiofTSbn{j*@~~i=pH{5fH(95R_As+R5S{N>lXo
EC%9;NdjJ3c

delta 330
zcmX?qhw1QHCTn9oBRxw64d2w1%tQs>#G-6XuC&xNLxaQ=^R#3`bIVi<Q!_I&69ZH8
zH1i}2QxnrvV*`Vv#MI=})QQ&WjG-Ho|GF}9=}qo;)tLOjfrFK^Aiua|^J=#%){|9Q
z#2J@QwrSC3WS_h@GoEq9<cYb`ldYO9Ci`nDPM*{(GP$NLg>lv7hizJhs~D}79hlZ~
zTdNpYtL9s)v01BEGg$LvGQlN~*=*75lMVds8COp(@OS54!)VRxzztSBd0uld<A%w1
zIyE^qFj`x9Dsh=ip4X&5`Lw6k<WH^2eD}c0Hi9j?$35AATYd7qE``aNZNjV|{Tn84
z=n-RKRnXU;Jdw$6Ge@t7z~-pAOZgbhCasZ}ymL*~<o2~80<~<`oFPEvY}UFVAe#Y?
C(P^Ck

diff --git a/assets/sass/style.scss b/assets/sass/style.scss
index cf3c61664..a42f43489 100644
--- a/assets/sass/style.scss
+++ b/assets/sass/style.scss
@@ -226,7 +226,7 @@ table {
 
 #latest-post { display: none; }
 
-.post { margin: 0 40px; }
+.post-container { margin: 0 40px; }
 
 .post-header {
     border-bottom: 6px solid $secondary;
@@ -420,15 +420,36 @@ table {
 /* Media Queries */
 /* ============================================================ */
 
+@media only screen and (max-width: 800px) {
+    .post-stub-tag { display: none; }
+}
+
 @media only screen and (max-width: 600px) {
+    .site-nav-item {
+        display: block;
+        margin: 15px 0;
+    }
+
     .post-stub-title { display: block; }
 
     .post-stub-date:before {
         content: "";
         display: block;
     }
+
+    .post-container,
+    .post-list {
+        margin-right: 25px;
+        margin-left: 25px;
+    }
 }
 
 @media only screen and (max-width: 400px) {
     .post-title { font-size: 32px; }
+
+    .post-container,
+    .post-list {
+        margin-right: 15px;
+        margin-left: 15px;
+    }
 }
\ No newline at end of file
diff --git a/index.hbs b/index.hbs
index 53a1da4ac..33b29795f 100644
--- a/index.hbs
+++ b/index.hbs
@@ -3,7 +3,7 @@
 <div id="latest-post" class="container">
     {{#foreach posts}}
         {{#if @first}}
-            <article class="{{post_class}}">
+            <article class="post-container {{post_class}}">
                 <header class="post-header">
                     <h1 class="post-title">{{title}}</h1>
 
diff --git a/page.hbs b/page.hbs
index 8b33c0c45..b94e173b4 100644
--- a/page.hbs
+++ b/page.hbs
@@ -2,7 +2,7 @@
 
 <div class="container">
     {{#post}}
-        <article class="{{post_class}}">
+        <article class="post-container {{post_class}}">
             <header class="post-header">
                 <h1 class="post-title">{{title}}</h1>
 
diff --git a/post.hbs b/post.hbs
index eb544c4a1..bea24ee02 100644
--- a/post.hbs
+++ b/post.hbs
@@ -2,7 +2,7 @@
 
 <div class="container">
     {{#post}}
-        <article class="{{post_class}}">
+        <article class="post-container {{post_class}}">
             <header class="post-header">
                 <h1 class="post-title">{{title}}</h1>