Grunt SVG stuff and general tidy-up

css/_forms.scss

@@ -45,4 +45,4 @@ textarea {
   padding: 0 $base-margin-bottom;
   text-align: center;
   width: auto;
-}
+}

css/_mixins.scss

@@ -4,12 +4,7 @@
   }
 }
 
-@function calculate-rem($px, $base: $base-font-size) {
-  $rem: $px / $base;
-  @return #{$rem}rem;
-}
-
 @mixin font-size($px) {
   font-size: $px + px;
-  font-size: calculate-rem($px);
+  font-size: #{$px / $base-font-size}rem;
 }

css/_normalise.scss

@@ -16,11 +16,33 @@ h4,
 h5, 
 h6, 
 p, 
+hr, 
 ul, 
 ol {
   margin-bottom: $base-margin-bottom;
 }
 
+h1 {
+  @include font-size($base-font-size * 2);
+}
+
+h2 {
+  @include font-size($base-font-size * 1.75);
+}
+
+h3 {
+  @include font-size($base-font-size * 1.5);
+}
+
+h4 {
+  @include font-size($base-font-size * 1.25);
+}
+
+h5,
+h6 {
+  @include font-size($base-font-size);
+}
+
 ul, 
 ol {
   margin-left: $base-margin-bottom;
@@ -38,6 +60,37 @@ img {
 }
 
 blockquote {
-  font-style: italic;
+  font-family: serif;
   padding-left: $base-margin-bottom;
+}
+
+em {
+  font-style: italic;
+}
+
+hr {
+  background-color: $base-colour;
+  border: 0;
+  color: $base-colour;
+  height: 1px;
+}
+
+h1, 
+h2, 
+h3, 
+h4, 
+h5, 
+h6, 
+strong,
+th {
+  font-weight: bold;
+}
+
+table {
+  width: 100%;
+  th,
+  td {
+    padding: ($base-margin-bottom / 4);
+    text-align: left;
+  }
 }

css/_utilities.scss

@@ -3,7 +3,7 @@
 }
 
 img.alignleft {
-  margin-right: $gutter * 1px;
+  margin-right: $base-margin-bottom;
 }
 
 .alignright {
@@ -11,7 +11,7 @@ img.alignleft {
 }
 
 img.alignright {
-  margin-left : $gutter * 1px;
+  margin-left : $base-margin-bottom;
 }
 
 .aligncenter {
@@ -22,6 +22,10 @@ img.alignright {
   }
 }
 
+img.aligncenter {
+  margin-bottom: $base-margin-bottom;
+}
+
 .clearfix {
   &:before,
   &:after{

css/_vars.scss

@@ -8,9 +8,11 @@ $base-font-size:         16;
 $base-line-height:       1.5;
 $base-margin-bottom:     ($base-font-size * $base-line-height) * 1px;
 
-// Media Queries
+// Breakpoints
 
-$mobile:                 640px;
+$breakpoint-small:       640px;
+$breakpoint-medium:      768px;
+$breakpoint-large:       1200px;
 
 // Scaffolding
 
@@ -18,4 +20,4 @@ $max-width:              1200px;
 $grid-columns:           12;
 $gutter:                 20;
 
-// Custom colours etc.
+// Custom colours etc.

css/style.scss

@@ -30,4 +30,4 @@ Author: Mike Francis
 
 // Nav abstraction, Navs
 
-@import 'nav';
+@import 'nav';