Format SCSS

sass/_normalize.scss

@@ -1,7 +1,7 @@
 html {
 	font-family: sans-serif;
 	-webkit-text-size-adjust: 100%;
-	-ms-text-size-adjust:     100%;
+	-ms-text-size-adjust: 100%;
 }
 
 body {

sass/elements/_elements.scss

@@ -1,18 +1,23 @@
-html {
-	box-sizing: border-box;
-}
-
+/* Inherit box-sizing to more easily change it's value on a component level.
+(http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/) */
 *,
 *:before,
-*:after { /* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
+*:after {
 	box-sizing: inherit;
 }
 
+/* Includes border and padding in the value specified for width and height. */
+html {
+	box-sizing: border-box;
+}
+
+/* Fallback for when there is no custom background color defined. */
 body {
-	background: $color__background-body; /* Fallback for when there is no custom background color defined. */
+	background: $color__background-body;
 }
 
-blockquote, q {
+blockquote,
+q {
 	quotes: "" "";
 
 	&:before,
@@ -30,13 +35,15 @@ hr {
 
 @import "lists";
 
+/* Make sure images are scaled correctly and adhere to the container width. */
 img {
-	height: auto; /* Make sure images are scaled correctly. */
-	max-width: 100%; /* Adhere to container width. */
+	height: auto;
+	max-width: 100%;
 }
 
+/* Extra wide images within figure tags don't overflow the content area. */
 figure {
-	margin: 1em 0; /* Extra wide images within figure tags don't overflow the content area. */
+	margin: 1em 0;
 }
 
-@import "tables";
+@import "tables";

sass/elements/_lists.scss

@@ -1,4 +1,5 @@
-ul, ol {
+ul,
+ol {
 	margin: 0 0 1.5em 3em;
 }
 
@@ -17,9 +18,9 @@ li > ol {
 }
 
 dt {
-	font-weight: bold;
+	font-weight: bolder;
 }
 
 dd {
 	margin: 0 1.5em 1.5em;
-}
+}

sass/elements/_tables.scss

@@ -1,4 +1,4 @@
 table {
 	margin: 0 0 1.5em;
 	width: 100%;
-}
+}

sass/forms/_buttons.scss

@@ -6,10 +6,12 @@ input[type="submit"] {
 	border-color: $color__border-button;
 	border-radius: 3px;
 	background: $color__background-button;
-	color: rgba(0, 0, 0, .8);
+	color: rgba(0, 0, 0, 0.8);
+
 	@include font-size(0.75);
+
 	line-height: 1;
-	padding: .6em 1em .4em;
+	padding: 0.6em 1em 0.4em;
 
 	&:hover {
 		border-color: $color__border-button-hover;
@@ -19,4 +21,4 @@ input[type="submit"] {
 	&:focus {
 		border-color: $color__border-button-focus;
 	}
-}
+}

sass/forms/_forms.scss

@@ -1,3 +1,2 @@
 @import "buttons";
-
-@import "fields";
+@import "fields";

sass/layout/_content-sidebar.scss

@@ -17,4 +17,4 @@
 .site-footer {
 	clear: both;
 	width: $size__site-main;
-}
+}

sass/layout/_sidebar-content.scss

@@ -17,4 +17,4 @@
 .site-footer {
 	clear: both;
 	width: $size__site-main;
-}
+}

sass/media/_captions.scss

@@ -3,6 +3,7 @@
 	max-width: 100%;
 
 	img[class*="wp-image-"] {
+
 		@include center-block;
 	}
 

sass/media/_galleries.scss

@@ -10,6 +10,7 @@
 
 	// Loops to enumerate the classes for gallery columns.
 	@for $i from 2 through 9 {
+
 		.gallery-columns-#{$i} & {
 			max-width: ( 100% / $i );
 		}

sass/media/_media.scss

@@ -15,16 +15,16 @@ object {
 }
 
 /* Make sure logo link wraps around logo image. */
-.custom-logo-link{
+.custom-logo-link {
 	display: inline-block;
 }
 
-/*--------------------------------------------------------------
+/* --------------------------------------------------------------
 ## Captions
---------------------------------------------------------------*/
+-------------------------------------------------------------- */
 @import "captions";
 
-/*--------------------------------------------------------------
+/* --------------------------------------------------------------
 ## Galleries
---------------------------------------------------------------*/
-@import "galleries";
+-------------------------------------------------------------- */
+@import "galleries";

sass/modules/_accessibility.scss

@@ -5,7 +5,7 @@
 	height: 1px;
 	width: 1px;
 	overflow: hidden;
-	word-wrap: normal !important; /* Many screen reader and browser combinations announce broken words as they would appear visually. */
+	word-wrap: normal !important; // Many screen reader and browser combinations announce broken words as they would appear visually.
 
 	&:focus {
 		background-color: $color__background-screen;
@@ -14,16 +14,18 @@
 		clip: auto !important;
 		color: $color__text-screen;
 		display: block;
+
 		@include font-size(0.875);
-		font-weight: bold;
+
+		font-weight: bolder;
 		height: auto;
 		left: 5px;
 		line-height: normal;
 		padding: 15px 23px 14px;
 		text-decoration: none;
 		top: 5px;
 		width: auto;
-		z-index: 100000; /* Above WP toolbar. */
+		z-index: 100000; // Above WP toolbar.
 	}
 }
 

sass/modules/_alignments.scss

@@ -12,5 +12,6 @@
 
 .aligncenter {
 	clear: both;
+
 	@include center-block;
 }

sass/modules/_clearings.scss

@@ -10,6 +10,7 @@
 .site-content:after,
 .site-footer:before,
 .site-footer:after {
+
 	@include clearfix;
 }
 
@@ -19,5 +20,6 @@
 .site-header:after,
 .site-content:after,
 .site-footer:after {
+
 	@include clearfix-after;
-}
+}

sass/modules/_infinite-scroll.scss

@@ -1,10 +1,11 @@
 /* Globally hidden elements when Infinite Scroll is supported and in use. */
-.infinite-scroll .posts-navigation, /* Older / Newer Posts Navigation (always hidden) */
-.infinite-scroll.neverending .site-footer { /* Theme Footer (when set to scrolling) */
+.infinite-scroll .posts-navigation, // Older / Newer Posts Navigation (always hidden).
+.infinite-scroll.neverending .site-footer { // Theme Footer (when set to scrolling).
 	display: none;
 }
 
-/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before. */
+/* When Infinite Scroll has reached its end we need to re-display elements that
+were hidden (via .neverending) before. */
 .infinity-end.neverending .site-footer {
 	display: block;
-}
+}

sass/navigation/_links.scss

@@ -4,16 +4,19 @@ a {
 	&:visited {
 		color: $color__link-visited;
 	}
+
 	&:hover,
 	&:focus,
 	&:active {
 		color: $color__link-hover;
 	}
+
 	&:focus {
 		outline: thin dotted;
 	}
+
 	&:hover,
 	&:active {
 		outline: 0;
 	}
-}
+}

sass/navigation/_menus.scss

@@ -24,6 +24,7 @@
 			}
 
 			li {
+
 				&:hover > ul,
 				&.focus > ul {
 					left: 100%;
@@ -77,9 +78,11 @@
 }
 
 @media screen and (min-width: 37.5em) {
+
 	.menu-toggle {
 		display: none;
 	}
+
 	.main-navigation ul {
 		display: block;
 	}

sass/navigation/_navigation.scss

@@ -1,9 +1,9 @@
-/*--------------------------------------------------------------
+/* --------------------------------------------------------------
 ## Links
---------------------------------------------------------------*/
+-------------------------------------------------------------- */
 @import "links";
 
-/*--------------------------------------------------------------
+/* --------------------------------------------------------------
 ## Menus
---------------------------------------------------------------*/
-@import "menus";
+-------------------------------------------------------------- */
+@import "menus";

sass/site/_site.scss

@@ -1,11 +1,12 @@
 // @import "../layout/content-sidebar";
 // @import "../layout/sidebar-content";
-/*--------------------------------------------------------------
+
+/* --------------------------------------------------------------
 ## Posts and pages
---------------------------------------------------------------*/
+-------------------------------------------------------------- */
 @import "primary/posts-and-pages";
 
-/*--------------------------------------------------------------
+/* --------------------------------------------------------------
 ## Comments
---------------------------------------------------------------*/
-@import "primary/comments";
+-------------------------------------------------------------- */
+@import "primary/comments";

sass/site/primary/_comments.scss

@@ -1,6 +1,7 @@
 .comment-content a {
 	word-wrap: break-word;
 }
+
 .bypostauthor {
 	display: block;
 }

sass/site/primary/_posts-and-pages.scss

@@ -6,7 +6,7 @@
 	margin: 0 0 1.5em;
 }
 
-.updated:not(.published){
+.updated:not(.published) {
 	display: none;
 }
 
@@ -19,4 +19,4 @@
 .page-links {
 	clear: both;
 	margin: 0 0 1.5em;
-}
+}