Remove unused rules from responsive.scss and add comments.

Author: willkoehler

_assets/stylesheets/_responsive.scss

@@ -9,25 +9,25 @@
 @media (max-width: 720px) {
 
     article {
+        // reduce padding between image and article
         padding-top:30px;
 
+        // reduce margins so article is wider
         .container > header, .container > section, .container > footer {
-            padding:0;
             margin:1.5em 10%;
         }
 
-        .container > footer {
-            padding:2em 0;
-        }
-        
+        // display code blocks and full-width images inline with text (instead of shifted-left)
         .full, pre {
             margin:1em 0;
         }
 
+        // reduce padding of code blocks
         pre {
             padding:1em;
         }
 
+        // reduce top/bottom margin of blockquotes and don't extend past right margin
         blockquote {
             margin:1em 0;
 
@@ -36,6 +36,7 @@
             }
         }
 
+        // reduce font sizes
         h1 {
             font-size:1.8em;
         }
@@ -50,21 +51,24 @@
     }
 
     .blog-cover {
+        // reduce height of blog cover image
         height:200px;
 
         img {
             height:200px;
             width:auto;
         }
 
+        // tighten spacing of blog cover text and icons
         section {
             padding:60px 0 0;
-            text-align:center;
 
             a {
                 margin:1.5em .5em 0em 0;
             }
         }
+        
+        // reduce size of blog cover text
         h1 {
             font-size:1.5em;
         }
@@ -74,22 +78,21 @@
         }
     }
 
-    .site-nav .tagline span {
-        display:none;
-    }
-    
+    // hide nav (blog, product, about links)
     .site-nav {
         #navigation {
             a {
                 display:none;
             }
 
+            // don't hide brand logo
             .brand {
                 display:inline-block;
             } 
         }
     }
 
+    // reconfigure page footer with nav links centered above social links
     .site-footer {
         margin-top:0;
         padding:2em 10%;
@@ -103,13 +106,10 @@
     }
 
     .index {
-        padding:0;
+        // reduce margin of post blocks
         margin:0 10%;
 
-        > div {
-            margin:0;
-        }
-        
+        // hide author image
         img {
             display:none;
         }