code optimization

_sass/layout.scss

@@ -1,13 +1,15 @@
 /* -- General Layout -- */
 
 /* Required for footer to stick to the bottom */
-html, body {
+html,
+body {
   height: 100%;
 }
 
 /* Navigation */
 
-#nav, #nav-left { 
+#nav,
+#nav-left {
   a {
     display: block;
     color: $background-color;
@@ -46,7 +48,6 @@ html, body {
 }
 
 #nav-list {
-
   .nav-actions {
     /* Will turn to flex on mobile */
     display: none;
@@ -62,11 +63,10 @@ html, body {
     }
   }
 
-  
   /* Separator after menu */
   &:after {
     display: block;
-    content: '';
+    content: "";
     width: 5rem;
     height: 1px;
     margin: 23px auto;
@@ -89,7 +89,8 @@ html, body {
   width: 1.5em;
   background-color: lighten($text-color, 35%);
   margin-top: 8px;
-  &:after, &:before {
+  &:after,
+  &:before {
     content: "";
     display: block;
     position: relative;
@@ -136,7 +137,7 @@ html, body {
 }
 
 #container {
-	margin:0 auto;
+  margin: 0 auto;
   max-width: 730px;
   padding: 0 1.5rem;
 }
@@ -170,7 +171,7 @@ html, body {
     }
   }
   h1 {
-  	font-family: 'Bebas Neue', sans-serif; //Emerald logo font
+    font-family: "Bebas Neue", sans-serif; //Emerald logo font
     font-weight: 400;
     font-size: 4.5em;
     color: #d26e2b;
@@ -186,7 +187,7 @@ html, body {
   }
   &:after {
     display: none;
-    content: '';
+    content: "";
     width: 5rem;
     height: 1px;
     margin: 23px auto;
@@ -216,14 +217,14 @@ html, body {
   }
 }
 
-.post+.post:before {
+.post + .post:before {
   display: block;
-    content: '';
+  content: "";
   width: 5rem;
   height: 1px;
   margin: 23px auto;
   background-color: lighten($background-color, 70%) !important;
-  }
+}
 
 .by-line {
   display: block;
@@ -269,7 +270,7 @@ img {
 
 img[title="Emerald"] {
   box-shadow: 0 2px 6px #ddd;
-  }
+}
 
 code {
   color: lighten($text-color, 35%);
@@ -278,7 +279,8 @@ code {
 
 /* Set the vertical rhythm (and padding-left) for lists inside post content */
 
-.content ul, .content ol {
+.content ul,
+.content ol {
   line-height: 1.5em; /* 24px/16px */
   padding-left: 1.5em;
   @media (min-width: 940px) {
@@ -311,7 +313,9 @@ code {
   -ms-border-radius: 4px;
   border-radius: 4px;
 }
-.page-item:hover, .page-item:active, .page-item:focus {
+.page-item:hover,
+.page-item:active,
+.page-item:focus {
   border-bottom: none;
 }
 
@@ -325,8 +329,8 @@ footer {
 }
 
 #wrap {
-	min-height:100%; 
-	position:relative;
+  min-height: 100%;
+  position: relative;
   padding-bottom: 105px;
 }