Add "document" section. #88

21 files changed, 242 insertions, 123 deletions

diff --git a/fork-versions/default/_normalize.scss b/fork-versions/default/_normalize.scss
index 3ddda42..c2dd316 100644
--- a/fork-versions/default/_normalize.scss
+++ b/fork-versions/default/_normalize.scss
@@ -17,23 +17,36 @@
   $normalize-vertical-rhythm: true !global;
 }
 
+/* Document
+   ========================================================================== */
+
 /**
  * 1. Change the default font family in all browsers (opinionated).
- * 2. Prevent adjustments of font size after orientation changes in IE and iOS.
+ * 2. Correct the line height in all browsers.
+ * 3. Prevent adjustments of font size after orientation changes in
+ *    IE on Windows Phone and in iOS.
  */
 
 html {
+  font-family: $base-font-family; /* 1 */
   @if $normalize-vertical-rhythm {
     // Correct old browser bug that prevented accessible resizing of text
     // when root font-size is set with px or em.
     font-size: ($base-font-size / 16px) * 100%;
-    line-height: ($base-line-height / $base-font-size) * 1em;
+    // Establish a vertical rhythm unit using $base-font-size and
+    // $base-line-height variables.
+    line-height: ($base-line-height / $base-font-size) * 1em; /* 2 */
   }
-  font-family: $base-font-family; /* 1 */
-  -ms-text-size-adjust: 100%; /* 2 */
-  -webkit-text-size-adjust: 100%; /* 2 */
+  @else {
+    line-height: 1.15; /* 2 */
+  }
+  -ms-text-size-adjust: 100%; /* 3 */
+  -webkit-text-size-adjust: 100%; /* 3 */
 }
 
+/* HTML5 display definitions
+   ========================================================================== */
+
 /**
  * Remove the margin in all browsers (opinionated).
  */
@@ -42,9 +55,6 @@ body {
   margin: 0;
 }
 
-/* HTML5 display definitions
-   ========================================================================== */
-
 /**
  * Add the correct display in IE <10.
  * Add the correct display in Edge, IE, and Firefox for `details` or `summary`.
diff --git a/fork-versions/deprecated-compass/_normalize.scss b/fork-versions/deprecated-compass/_normalize.scss
index 9f70e0b..3dbfe88 100644
--- a/fork-versions/deprecated-compass/_normalize.scss
+++ b/fork-versions/deprecated-compass/_normalize.scss
@@ -20,29 +20,36 @@
   $normalize-vertical-rhythm: true !global;
 }
 
-@if $normalize-vertical-rhythm {
-  /**
-   * Establish a vertical rhythm unit using $base-font-size, $base-line-height,
-   * and $rhythm-unit variables. Also, correct old browser bug that prevented
-   * accessible resizing of text when root font-size is set with px or em.
-   */
+/* Document
+   ========================================================================== */
 
-  @include establish-baseline();
-}
+/**
+ * 1. Establish a vertical rhythm unit using $base-font-size, $base-line-height,
+ *    and $rhythm-unit variables.
+ * 2. Correct old browser bug that prevented accessible resizing of text when
+ *    root font-size is set with px or em.
+ * 3. Correct the line height in all browsers.
+ */
+
+@include establish-baseline();
 
 /**
  * 1. Change the default font family in all browsers (opinionated).
- * 2. Prevent adjustments of font size after orientation changes in IE and iOS.
+ * 2. Prevent adjustments of font size after orientation changes in
+ *    IE on Windows Phone and in iOS.
  */
 
 html {
+  // Show a background image that can be used to debug your alignments.
+  // @include debug-vertical-alignment();
   font-family: $base-font-family; /* 1 */
   -ms-text-size-adjust: 100%; /* 2 */
   -webkit-text-size-adjust: 100%; /* 2 */
-  // Show a background image that can be used to debug your alignments.
-  // @include debug-vertical-alignment();
 }
 
+/* HTML5 display definitions
+   ========================================================================== */
+
 /**
  * Remove the margin in all browsers (opinionated).
  */
@@ -51,9 +58,6 @@ body {
   margin: 0;
 }
 
-/* HTML5 display definitions
-   ========================================================================== */
-
 /**
  * Add the correct display in IE <10.
  * Add the correct display in Edge, IE, and Firefox for `details` or `summary`.
diff --git a/fork-versions/typey-chroma-kss/base/_html5.scss b/fork-versions/typey-chroma-kss/base/_html5.scss
index 2a1a594..e4cecf9 100644
--- a/fork-versions/typey-chroma-kss/base/_html5.scss
+++ b/fork-versions/typey-chroma-kss/base/_html5.scss
@@ -1,6 +1,16 @@
 // HTML5 display definitions
 // ==========================================================================
 
+
+body {
+  // Output a horizontal grid to help with debugging typography. The
+  // $typey-debug variable will toggle its output.
+  @include typey-debug-grid();
+  // Remove default margin and padding.
+  margin: 0;
+  padding: 0;
+}
+
 // Add the correct display in IE <10.
 // Add the correct display in Edge, IE, and Firefox for `details` or `summary`.
 // Add the correct display in IE for `main`.
diff --git a/fork-versions/typey-chroma-kss/base/_normalize.scss b/fork-versions/typey-chroma-kss/base/_normalize.scss
index 0667d0d..1803466 100644
--- a/fork-versions/typey-chroma-kss/base/_normalize.scss
+++ b/fork-versions/typey-chroma-kss/base/_normalize.scss
@@ -1,7 +1,15 @@
 /*! normalize-scss | MIT/GPLv2 License | bit.ly/normalize-scss */
 
+// Universal
+// ==========================================================================
+
+// Use the saner border-box model for all elements.
+* {
+  box-sizing: border-box;
+}
+
 // Normalize-scss is broken into modular pieces to make it easier to edit.
-@import 'root';
+@import 'document/document';
 @import 'html5';
 @import 'links/links';
 @import 'headings/headings';
diff --git a/fork-versions/typey-chroma-kss/base/_root.scss b/fork-versions/typey-chroma-kss/base/document/_document.scss
index 1c0bdf5..7c74081 100644
--- a/fork-versions/typey-chroma-kss/base/_root.scss
+++ b/fork-versions/typey-chroma-kss/base/document/_document.scss
@@ -1,27 +1,21 @@
 // sass-lint:disable no-vendor-prefixes
 
-// Use the saner border-box model for all elements.
-* {
-  box-sizing: border-box;
-}
+// Document
+//
+// The default font styles are inherited from the `<html>` element.
+//
+// Style guide: base.document
 
 html {
-  @include define-type-sizing();
   // Change the default font family in all browsers (opinionated).
   @include typeface(body);
-  // Prevent adjustments of font size after orientation changes in IE and iOS.
+  // Correct the line height in all browsers.
+  @include define-type-sizing();
+  // Prevent adjustments of font size after orientation changes in IE on Windows
+  // Phone and in iOS.
   -ms-text-size-adjust: 100%;
   -webkit-text-size-adjust: 100%;
   // On short pages, we want any background gradients to fill the entire height
   // of the browser.
   min-height: 100%;
 }
-
-body {
-  // Output a horizontal grid to help with debugging typography. The
-  // $typey-debug variable will toggle its output.
-  @include typey-debug-grid();
-  // Remove default margin and padding.
-  margin: 0;
-  padding: 0;
-}
diff --git a/fork-versions/typey/_normalize.scss b/fork-versions/typey/_normalize.scss
index d206427..600b823 100644
--- a/fork-versions/typey/_normalize.scss
+++ b/fork-versions/typey/_normalize.scss
@@ -3,20 +3,29 @@
 @import 'variables';
 @import 'typey';
 
+/* Document
+   ========================================================================== */
+
 /**
  * 1. Change the default font family in all browsers (opinionated).
- * 2. Prevent adjustments of font size after orientation changes in IE and iOS.
+ * 2. Correct the line height in all browsers.
+ * 3. Prevent adjustments of font size after orientation changes in
+ *    IE on Windows Phone and in iOS.
  */
 
 html {
-  @include define-type-sizing();
-  // Show a background image that can be used to debug your alignments.
-  // @include debug-vertical-alignment();
-  font-family: $base-font-family; /* 1 */
-  -ms-text-size-adjust: 100%; /* 2 */
-  -webkit-text-size-adjust: 100%; /* 2 */
+  @include typeface(body); /* 1 */
+  @include define-type-sizing(); /* 2 */
+  // Output a horizontal grid to help with debugging typography. The
+  // $typey-debug variable will toggle its output.
+  @include typey-debug-grid();
+  -ms-text-size-adjust: 100%; /* 3 */
+  -webkit-text-size-adjust: 100%; /* 3 */
 }
 
+/* HTML5 display definitions
+   ========================================================================== */
+
 /**
  * Remove the margin in all browsers (opinionated).
  */
@@ -25,9 +34,6 @@ body {
   margin: 0;
 }
 
-/* HTML5 display definitions
-   ========================================================================== */
-
 /**
  * Add the correct display in IE <10.
  * Add the correct display in Edge, IE, and Firefox for `details` or `summary`.
diff --git a/fork-versions/typey/_variables.scss b/fork-versions/typey/_variables.scss
index 5a14afa..0dbab32 100644
--- a/fork-versions/typey/_variables.scss
+++ b/fork-versions/typey/_variables.scss
@@ -17,8 +17,16 @@ $base-unit: 'rem' !default;
 // px fallbacks for rem units are needed for IE 8 and earlier.
 $rem-fallback: false !default;
 
-// The default font family.
-$base-font-family: sans-serif !default;
+// The font faces you specify in the $typefaces map can be used in the
+// typeface() mixin.
+$typefaces: (
+  body: (
+    font-family: (sans-serif),
+  ),
+  monospace: (
+    font-family: (monospace, monospace),
+  ),
+) !default;
 
 // The font sizes for h1-h6 expressed as tee shirt sizes.
 $font-size: (
@@ -36,4 +44,4 @@ $indent-amount: 40px !default;
 // The following variable controls whether normalize-scss will output
 // font-sizes, line-heights and block-level top/bottom margins that form a basic
 // vertical rhythm on the page, which differs from the original Normalize.css.
-$normalize-vertical-rhythm: false;
+$normalize-vertical-rhythm: false !default;
diff --git a/sass/normalize/_normalize-mixin.scss b/sass/normalize/_normalize-mixin.scss
index c23c199..1989910 100644
--- a/sass/normalize/_normalize-mixin.scss
+++ b/sass/normalize/_normalize-mixin.scss
@@ -46,23 +46,36 @@
 
   /*! normalize-scss | MIT/GPLv2 License | bit.ly/normalize-scss */
 
-  @if _normalize-include(root) {
+  @if _normalize-include(document) {
+    /* Document
+       ========================================================================== */
+
     /**
      * 1. Change the default font family in all browsers (opinionated).
-     * 2. Prevent adjustments of font size after orientation changes in IE and iOS.
+     * 2. Correct the line height in all browsers.
+     * 3. Prevent adjustments of font size after orientation changes in
+     *    IE on Windows Phone and in iOS.
      */
 
     html {
+      font-family: $base-font-family; /* 1 */
       @if $normalize-vertical-rhythm {
         // Correct old browser bug that prevented accessible resizing of text
         // when root font-size is set with px or em.
         font-size: ($base-font-size / 16px) * 100%;
-        line-height: ($base-line-height / $base-font-size) * 1em;
+        line-height: ($base-line-height / $base-font-size) * 1em; /* 2 */
       }
-      font-family: $base-font-family; /* 1 */
-      -ms-text-size-adjust: 100%; /* 2 */
-      -webkit-text-size-adjust: 100%; /* 2 */
+      @else {
+        line-height: 1.15; /* 2 */
+      }
+      -ms-text-size-adjust: 100%; /* 3 */
+      -webkit-text-size-adjust: 100%; /* 3 */
     }
+  }
+
+  @if _normalize-include(html5) {
+    /* HTML5 display definitions
+       ========================================================================== */
 
     /**
      * Remove the margin in all browsers (opinionated).
@@ -71,11 +84,6 @@
     body {
       margin: 0;
     }
-  }
-
-  @if _normalize-include(html5) {
-    /* HTML5 display definitions
-       ========================================================================== */
 
     /**
      * Add the correct display in IE <10.
diff --git a/test/fixtures/fork-versions/default/output.css b/test/fixtures/fork-versions/default/output.css
index 5373667..f32df3a 100644
--- a/test/fixtures/fork-versions/default/output.css
+++ b/test/fixtures/fork-versions/default/output.css
@@ -1,24 +1,30 @@
 /*! normalize-scss | MIT/GPLv2 License | bit.ly/normalize-scss */
+/* Document
+   ========================================================================== */
 /**
  * 1. Change the default font family in all browsers (opinionated).
- * 2. Prevent adjustments of font size after orientation changes in IE and iOS.
+ * 2. Correct the line height in all browsers.
+ * 3. Prevent adjustments of font size after orientation changes in
+ *    IE on Windows Phone and in iOS.
  */
 html {
   font-family: sans-serif;
   /* 1 */
-  -ms-text-size-adjust: 100%;
+  line-height: 1.15;
   /* 2 */
+  -ms-text-size-adjust: 100%;
+  /* 3 */
   -webkit-text-size-adjust: 100%;
-  /* 2 */ }
+  /* 3 */ }
 
+/* HTML5 display definitions
+   ========================================================================== */
 /**
  * Remove the margin in all browsers (opinionated).
  */
 body {
   margin: 0; }
 
-/* HTML5 display definitions
-   ========================================================================== */
 /**
  * Add the correct display in IE <10.
  * Add the correct display in Edge, IE, and Firefox for `details` or `summary`.
diff --git a/test/fixtures/fork-versions/deprecated-compass/output.css b/test/fixtures/fork-versions/deprecated-compass/output.css
index 9ae6053..dc434ca 100644
--- a/test/fixtures/fork-versions/deprecated-compass/output.css
+++ b/test/fixtures/fork-versions/deprecated-compass/output.css
@@ -1,7 +1,21 @@
 /*! normalize-scss | MIT/GPLv2 License | bit.ly/normalize-scss */
+/* Document
+   ========================================================================== */
+/**
+ * 1. Establish a vertical rhythm unit using $base-font-size, $base-line-height,
+ *    and $rhythm-unit variables.
+ * 2. Correct old browser bug that prevented accessible resizing of text when
+ *    root font-size is set with px or em.
+ * 3. Correct the line height in all browsers.
+ */
+html {
+  font-size: 100%;
+  line-height: 1.5em; }
+
 /**
  * 1. Change the default font family in all browsers (opinionated).
- * 2. Prevent adjustments of font size after orientation changes in IE and iOS.
+ * 2. Prevent adjustments of font size after orientation changes in
+ *    IE on Windows Phone and in iOS.
  */
 html {
   font-family: sans-serif;
@@ -11,14 +25,14 @@ html {
   -webkit-text-size-adjust: 100%;
   /* 2 */ }
 
+/* HTML5 display definitions
+   ========================================================================== */
 /**
  * Remove the margin in all browsers (opinionated).
  */
 body {
   margin: 0; }
 
-/* HTML5 display definitions
-   ========================================================================== */
 /**
  * Add the correct display in IE <10.
  * Add the correct display in Edge, IE, and Firefox for `details` or `summary`.
diff --git a/test/fixtures/fork-versions/typey-chroma-kss/output.css b/test/fixtures/fork-versions/typey-chroma-kss/output.css
index 18f47b0..aa7c144 100644
--- a/test/fixtures/fork-versions/typey-chroma-kss/output.css
+++ b/test/fixtures/fork-versions/typey-chroma-kss/output.css
@@ -3,9 +3,9 @@
   box-sizing: border-box; }
 
 html {
+  font-family: Verdana, Tahoma, "DejaVu Sans", sans-serif;
   font-size: 100%;
   line-height: 1.5em;
-  font-family: Verdana, Tahoma, "DejaVu Sans", sans-serif;
   -ms-text-size-adjust: 100%;
   -webkit-text-size-adjust: 100%;
   min-height: 100%; }
diff --git a/test/fixtures/fork-versions/typey/output.css b/test/fixtures/fork-versions/typey/output.css
index 35c8cdc..8ab9b40 100644
--- a/test/fixtures/fork-versions/typey/output.css
+++ b/test/fixtures/fork-versions/typey/output.css
@@ -1,29 +1,34 @@
 /*! normalize-scss | MIT/GPLv2 License | bit.ly/normalize-scss */
+/* Document
+   ========================================================================== */
 /**
  * 1. Change the default font family in all browsers (opinionated).
- * 2. Prevent adjustments of font size after orientation changes in IE and iOS.
+ * 2. Correct the line height in all browsers.
+ * 3. Prevent adjustments of font size after orientation changes in
+ *    IE on Windows Phone and in iOS.
  */
 html {
-  font-size: 100%;
-  line-height: 1.5em;
   font-family: sans-serif;
   /* 1 */
-  -ms-text-size-adjust: 100%;
+  font-size: 100%;
+  line-height: 1.5em;
   /* 2 */
+  -ms-text-size-adjust: 100%;
+  /* 3 */
   -webkit-text-size-adjust: 100%;
-  /* 2 */ }
+  /* 3 */ }
   @media print {
     html {
       font-size: 12pt; } }
 
+/* HTML5 display definitions
+   ========================================================================== */
 /**
  * Remove the margin in all browsers (opinionated).
  */
 body {
   margin: 0; }
 
-/* HTML5 display definitions
-   ========================================================================== */
 /**
  * Add the correct display in IE <10.
  * Add the correct display in Edge, IE, and Firefox for `details` or `summary`.
diff --git a/test/fixtures/import-now/output.css b/test/fixtures/import-now/output.css
index 0be7e3b..66cfe7f 100644
--- a/test/fixtures/import-now/output.css
+++ b/test/fixtures/import-now/output.css
@@ -1,24 +1,30 @@
 /*! normalize-scss | MIT/GPLv2 License | bit.ly/normalize-scss */
+/* Document
+       ========================================================================== */
 /**
      * 1. Change the default font family in all browsers (opinionated).
-     * 2. Prevent adjustments of font size after orientation changes in IE and iOS.
+     * 2. Correct the line height in all browsers.
+     * 3. Prevent adjustments of font size after orientation changes in
+     *    IE on Windows Phone and in iOS.
      */
 html {
   font-family: sans-serif;
   /* 1 */
-  -ms-text-size-adjust: 100%;
+  line-height: 1.15;
   /* 2 */
+  -ms-text-size-adjust: 100%;
+  /* 3 */
   -webkit-text-size-adjust: 100%;
-  /* 2 */ }
+  /* 3 */ }
 
+/* HTML5 display definitions
+       ========================================================================== */
 /**
      * Remove the margin in all browsers (opinionated).
      */
 body {
   margin: 0; }
 
-/* HTML5 display definitions
-       ========================================================================== */
 /**
      * Add the correct display in IE <10.
      * Add the correct display in Edge, IE, and Firefox for `details` or `summary`.
diff --git a/test/fixtures/normalize/exclude-multiple/output.css b/test/fixtures/normalize/exclude-multiple/output.css
index 912e923..d5b10bd 100644
--- a/test/fixtures/normalize/exclude-multiple/output.css
+++ b/test/fixtures/normalize/exclude-multiple/output.css
@@ -1,24 +1,30 @@
 /*! normalize-scss | MIT/GPLv2 License | bit.ly/normalize-scss */
+/* Document
+       ========================================================================== */
 /**
      * 1. Change the default font family in all browsers (opinionated).
-     * 2. Prevent adjustments of font size after orientation changes in IE and iOS.
+     * 2. Correct the line height in all browsers.
+     * 3. Prevent adjustments of font size after orientation changes in
+     *    IE on Windows Phone and in iOS.
      */
 html {
   font-family: sans-serif;
   /* 1 */
-  -ms-text-size-adjust: 100%;
+  line-height: 1.15;
   /* 2 */
+  -ms-text-size-adjust: 100%;
+  /* 3 */
   -webkit-text-size-adjust: 100%;
-  /* 2 */ }
+  /* 3 */ }
 
+/* HTML5 display definitions
+       ========================================================================== */
 /**
      * Remove the margin in all browsers (opinionated).
      */
 body {
   margin: 0; }
 
-/* HTML5 display definitions
-       ========================================================================== */
 /**
      * Add the correct display in IE <10.
      * Add the correct display in Edge, IE, and Firefox for `details` or `summary`.
diff --git a/test/fixtures/normalize/exclude-single/output.css b/test/fixtures/normalize/exclude-single/output.css
index 6ee0f9b..b0f2f39 100644
--- a/test/fixtures/normalize/exclude-single/output.css
+++ b/test/fixtures/normalize/exclude-single/output.css
@@ -1,24 +1,30 @@
 /*! normalize-scss | MIT/GPLv2 License | bit.ly/normalize-scss */
+/* Document
+       ========================================================================== */
 /**
      * 1. Change the default font family in all browsers (opinionated).
-     * 2. Prevent adjustments of font size after orientation changes in IE and iOS.
+     * 2. Correct the line height in all browsers.
+     * 3. Prevent adjustments of font size after orientation changes in
+     *    IE on Windows Phone and in iOS.
      */
 html {
   font-family: sans-serif;
   /* 1 */
-  -ms-text-size-adjust: 100%;
+  line-height: 1.15;
   /* 2 */
+  -ms-text-size-adjust: 100%;
+  /* 3 */
   -webkit-text-size-adjust: 100%;
-  /* 2 */ }
+  /* 3 */ }
 
+/* HTML5 display definitions
+       ========================================================================== */
 /**
      * Remove the margin in all browsers (opinionated).
      */
 body {
   margin: 0; }
 
-/* HTML5 display definitions
-       ========================================================================== */
 /**
      * Add the correct display in IE <10.
      * Add the correct display in Edge, IE, and Firefox for `details` or `summary`.
diff --git a/test/fixtures/normalize/exclude-string/output.css b/test/fixtures/normalize/exclude-string/output.css
index 0be7e3b..66cfe7f 100644
--- a/test/fixtures/normalize/exclude-string/output.css
+++ b/test/fixtures/normalize/exclude-string/output.css
@@ -1,24 +1,30 @@
 /*! normalize-scss | MIT/GPLv2 License | bit.ly/normalize-scss */
+/* Document
+       ========================================================================== */
 /**
      * 1. Change the default font family in all browsers (opinionated).
-     * 2. Prevent adjustments of font size after orientation changes in IE and iOS.
+     * 2. Correct the line height in all browsers.
+     * 3. Prevent adjustments of font size after orientation changes in
+     *    IE on Windows Phone and in iOS.
      */
 html {
   font-family: sans-serif;
   /* 1 */
-  -ms-text-size-adjust: 100%;
+  line-height: 1.15;
   /* 2 */
+  -ms-text-size-adjust: 100%;
+  /* 3 */
   -webkit-text-size-adjust: 100%;
-  /* 2 */ }
+  /* 3 */ }
 
+/* HTML5 display definitions
+       ========================================================================== */
 /**
      * Remove the margin in all browsers (opinionated).
      */
 body {
   margin: 0; }
 
-/* HTML5 display definitions
-       ========================================================================== */
 /**
      * Add the correct display in IE <10.
      * Add the correct display in Edge, IE, and Firefox for `details` or `summary`.
diff --git a/test/fixtures/normalize/include-multiple/input.scss b/test/fixtures/normalize/include-multiple/input.scss
index 26efcce..242dc19 100644
--- a/test/fixtures/normalize/include-multiple/input.scss
+++ b/test/fixtures/normalize/include-multiple/input.scss
@@ -1,2 +1,2 @@
 @import 'normalize';
-@include normalize((root html5));
+@include normalize((document html5));
diff --git a/test/fixtures/normalize/include-multiple/output.css b/test/fixtures/normalize/include-multiple/output.css
index 75e1da7..d35981d 100644
--- a/test/fixtures/normalize/include-multiple/output.css
+++ b/test/fixtures/normalize/include-multiple/output.css
@@ -1,24 +1,30 @@
 /*! normalize-scss | MIT/GPLv2 License | bit.ly/normalize-scss */
+/* Document
+       ========================================================================== */
 /**
      * 1. Change the default font family in all browsers (opinionated).
-     * 2. Prevent adjustments of font size after orientation changes in IE and iOS.
+     * 2. Correct the line height in all browsers.
+     * 3. Prevent adjustments of font size after orientation changes in
+     *    IE on Windows Phone and in iOS.
      */
 html {
   font-family: sans-serif;
   /* 1 */
-  -ms-text-size-adjust: 100%;
+  line-height: 1.15;
   /* 2 */
+  -ms-text-size-adjust: 100%;
+  /* 3 */
   -webkit-text-size-adjust: 100%;
-  /* 2 */ }
+  /* 3 */ }
 
+/* HTML5 display definitions
+       ========================================================================== */
 /**
      * Remove the margin in all browsers (opinionated).
      */
 body {
   margin: 0; }
 
-/* HTML5 display definitions
-       ========================================================================== */
 /**
      * Add the correct display in IE <10.
      * Add the correct display in Edge, IE, and Firefox for `details` or `summary`.
diff --git a/test/fixtures/variables/default/output.css b/test/fixtures/variables/default/output.css
index 0be7e3b..66cfe7f 100644
--- a/test/fixtures/variables/default/output.css
+++ b/test/fixtures/variables/default/output.css
@@ -1,24 +1,30 @@
 /*! normalize-scss | MIT/GPLv2 License | bit.ly/normalize-scss */
+/* Document
+       ========================================================================== */
 /**
      * 1. Change the default font family in all browsers (opinionated).
-     * 2. Prevent adjustments of font size after orientation changes in IE and iOS.
+     * 2. Correct the line height in all browsers.
+     * 3. Prevent adjustments of font size after orientation changes in
+     *    IE on Windows Phone and in iOS.
      */
 html {
   font-family: sans-serif;
   /* 1 */
-  -ms-text-size-adjust: 100%;
+  line-height: 1.15;
   /* 2 */
+  -ms-text-size-adjust: 100%;
+  /* 3 */
   -webkit-text-size-adjust: 100%;
-  /* 2 */ }
+  /* 3 */ }
 
+/* HTML5 display definitions
+       ========================================================================== */
 /**
      * Remove the margin in all browsers (opinionated).
      */
 body {
   margin: 0; }
 
-/* HTML5 display definitions
-       ========================================================================== */
 /**
      * Add the correct display in IE <10.
      * Add the correct display in Edge, IE, and Firefox for `details` or `summary`.
diff --git a/test/fixtures/variables/font/output.css b/test/fixtures/variables/font/output.css
index f3df41f..5adaedd 100644
--- a/test/fixtures/variables/font/output.css
+++ b/test/fixtures/variables/font/output.css
@@ -1,26 +1,31 @@
 /*! normalize-scss | MIT/GPLv2 License | bit.ly/normalize-scss */
+/* Document
+       ========================================================================== */
 /**
      * 1. Change the default font family in all browsers (opinionated).
-     * 2. Prevent adjustments of font size after orientation changes in IE and iOS.
+     * 2. Correct the line height in all browsers.
+     * 3. Prevent adjustments of font size after orientation changes in
+     *    IE on Windows Phone and in iOS.
      */
 html {
-  font-size: 150%;
-  line-height: 1.5em;
   font-family: Arial, sans-serif;
   /* 1 */
-  -ms-text-size-adjust: 100%;
+  font-size: 150%;
+  line-height: 1.5em;
   /* 2 */
+  -ms-text-size-adjust: 100%;
+  /* 3 */
   -webkit-text-size-adjust: 100%;
-  /* 2 */ }
+  /* 3 */ }
 
+/* HTML5 display definitions
+       ========================================================================== */
 /**
      * Remove the margin in all browsers (opinionated).
      */
 body {
   margin: 0; }
 
-/* HTML5 display definitions
-       ========================================================================== */
 /**
      * Add the correct display in IE <10.
      * Add the correct display in Edge, IE, and Firefox for `details` or `summary`.
diff --git a/test/fixtures/variables/indent-amount/output.css b/test/fixtures/variables/indent-amount/output.css
index 2f67b2a..b7158f8 100644
--- a/test/fixtures/variables/indent-amount/output.css
+++ b/test/fixtures/variables/indent-amount/output.css
@@ -1,26 +1,31 @@
 /*! normalize-scss | MIT/GPLv2 License | bit.ly/normalize-scss */
+/* Document
+       ========================================================================== */
 /**
      * 1. Change the default font family in all browsers (opinionated).
-     * 2. Prevent adjustments of font size after orientation changes in IE and iOS.
+     * 2. Correct the line height in all browsers.
+     * 3. Prevent adjustments of font size after orientation changes in
+     *    IE on Windows Phone and in iOS.
      */
 html {
-  font-size: 100%;
-  line-height: 1.5em;
   font-family: sans-serif;
   /* 1 */
-  -ms-text-size-adjust: 100%;
+  font-size: 100%;
+  line-height: 1.5em;
   /* 2 */
+  -ms-text-size-adjust: 100%;
+  /* 3 */
   -webkit-text-size-adjust: 100%;
-  /* 2 */ }
+  /* 3 */ }
 
+/* HTML5 display definitions
+       ========================================================================== */
 /**
      * Remove the margin in all browsers (opinionated).
      */
 body {
   margin: 0; }
 
-/* HTML5 display definitions
-       ========================================================================== */
 /**
      * Add the correct display in IE <10.
      * Add the correct display in Edge, IE, and Firefox for `details` or `summary`.