Merge branch 'susy-3-upgrade'

Conflicts:
	_sass/minimal-mistakes/_page.scss
	docs/_sass/minimal-mistakes/_page.scss

docs/_sass/minimal-mistakes/_page.scss

@@ -3,13 +3,15 @@
    ========================================================================== */
 
 #main {
-  @include container;
   @include clearfix;
+  margin-left: auto;
   margin-top: 2em;
+  margin-right: auto;
   padding-left: 1em;
   padding-right: 1em;
   -webkit-animation: $intro-transition;
           animation: $intro-transition;
+  max-width: 100%;
   -webkit-animation-delay: 0.35s;
           animation-delay: 0.35s;
 
@@ -19,19 +21,29 @@
 }
 
 .page {
+
   @include breakpoint($large) {
-    @include span(10 of 12 last);
-    @include prefix(0.5 of 12);
-    @include suffix(2 of 12);
+    float: right;
+    width: span(10 of 12);
+    padding-left: gutter(0.5 of 12);
+    padding-right: gutter(2 of 12);
   }
 
   .page__inner-wrap {
-    @include full();
+    float: left;
+    margin-left: 0;
+    margin-right: 0;
+    width: 100%;
+    clear: both;
 
     .page__content,
     .page__meta,
     .page__share {
-      @include full();
+      float: left;
+      margin-left: 0;
+      margin-right: 0;
+      width: 100%;
+      clear: both;
     }
   }
 }
@@ -288,7 +300,11 @@
    ========================================================================== */
 
 .page__comments {
-  @include full();
+  float: left;
+  margin-left: 0;
+  margin-right: 0;
+  width: 100%;
+  clear: both;
 }
 
 .page__comments-title {
@@ -385,14 +401,17 @@
    ========================================================================== */
 
 .page__related {
+  @include clearfix();
+  float: left;
   margin-top: 2em;
   padding-top: 1em;
   border-top: 1px solid $border-color;
-  @include clearfix();
-  float: left;
 
   @include breakpoint($large) {
-    @include pre(2.5 of 12);
+    float: right;
+    width: span(10 of 12);
+    padding-left: gutter(0.5 of 12);
+    padding-right: gutter(2 of 12);
   }
 
   a {