Updated the normalise css.

sass/base/grouping/_grouping.scss

@@ -1,12 +1,9 @@
 // Dependencies.
-@import 'base/text/text';
 @import 'components/divider/divider';
 
 // Grouping content
 //
 // Weight: 1
-//
-// Style guide: base.grouping
 
 
 // Block quotes
@@ -18,10 +15,6 @@
 //
 // Optionally, add a `<footer>` to identify the source of the quote, wrapping
 // the name of the source work in `<cite>`.
-//
-// Markup: grouping-blockquote.twig
-//
-// Style guide: base.grouping.blockquote
 
 blockquote {
   // Set 1 unit of vertical rhythm on the top and bottom margin.
@@ -39,47 +32,24 @@ blockquote {
 //
 // The `<ul>` element is a list of items in which the order does <em>not</em>
 // explicitly matter.
-//
-// Markup: grouping-ul.twig
-//
-// Style guide: base.grouping.lists.ul
 
 // Ordered list
 //
 // The `<ol>` element is a list of items in which the order <em>does</em>
 // explicitly matter.
-//
-// Markup: grouping-ol.twig
-//
-// Style guide: base.grouping.lists.ol
 
 // Description list
 //
 // The `<dl>` element is a list of terms with their associated descriptions.
 //
-// Markup: grouping-dl.twig
-//
 // Weight: 1
-//
-// Style guide: base.grouping.lists.dl
 
 dl,
-menu,
 ol,
 ul {
-  // Address margins set differently in IE 6/7.
   @include margin(1 0);
 }
 
-// Turn off margins on nested lists.
-ol,
-ul {
-  ol,
-  ul {
-    margin: 0;
-  }
-}
-
 dt {
   // Add your styles.
 }
@@ -92,8 +62,6 @@ dd {
   }
 }
 
-// Address paddings set differently in IE 6/7.
-menu,
 ol,
 ul {
   padding: 0 0 0 $indent-amount;
@@ -101,6 +69,12 @@ ul {
   @include rtl {
     padding: 0 $indent-amount 0 0;
   }
+
+  // Turn off margins on nested lists.
+  ol,
+  ul {
+    margin: 0;
+  }
 }
 
 // Figures
@@ -110,18 +84,17 @@ ul {
 //
 // Optionally, a `<figcaption>` element inside the `<figure>` represents the
 // caption of the figure.
-//
-// Markup: grouping-figure.twig
-//
-// Style guide: base.grouping.figure
 
 figure {
   // Add the correct margin in IE 8.
   @include margin(1 0);
+  // Add the correct display in IE 9-.
+  display: block;
 }
 
 figcaption {
-  // Add your styles.
+  // Add the correct display in IE 9-.
+  display: block;
 }
 
 // Horizontal rule
@@ -129,10 +102,6 @@ figcaption {
 // The `<hr>` element represents a paragraph-level thematic break, e.g. a scene
 // change in a story, or a transition to another topic within a section of a
 // reference book.
-//
-// Markup: grouping-hr.twig
-//
-// Style guide: base.grouping.hr
 
 hr {
   @extend %divider;
@@ -143,17 +112,22 @@ hr {
   overflow: visible;
 }
 
+// Main
+//
+// The `<main>` element represents the main content of the page.
+
+main {
+  // Add the correct display in IE.
+  display: block;
+}
+
 // Body copy
 //
 // The default `font-size` and `line-height` properties are applied to the
 // `<body>` element and all paragraphs. In addition, `<p>` (paragraphs) receive
 // a top and bottom margin.
 //
-// Markup: grouping-p.twig
-//
 // Weight: -2
-//
-// Style guide: base.grouping.p
 
 p,
 pre {
@@ -165,10 +139,14 @@ pre {
 //
 // The `<pre>` element represents a block of preformatted text, such as
 // fragments of computer code, ASCII art, etc.
-//
-// Markup: grouping-pre.twig
-//
-// Style guide: base.grouping.pre
+
+%monospace {
+  // Correct the inheritance and scaling of font size in all browsers.
+  // The font-family value ends with ", serif".
+  @include typeface(monospace);
+  // Correct the odd `em` font sizing in all browsers.
+  font-size: 1em;
+}
 
 pre {
   @extend %monospace;