Replace obsolete normalize with a lightweight reset.

assets/sass/components/box/box.json

@@ -1,4 +0,0 @@
-{
-  "title": "Box title",
-  "content": "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua."
-}

assets/sass/components/button/_button.scss

@@ -14,60 +14,29 @@ button,
 [type='button'],
 [type='reset'],
 [type='submit'] {
-  // stylelint-disable color-no-hex, color-named
   @extend %button--disabled;
   @include typeface(headings);
   @include margin-right(.75);
   @include margin-bottom(.75);
   // Some styles don't apply to <a> links since they are inline elements by default.
   display: inline-block;
-  padding: 2px 10px;
-  // Address Firefox 4+ setting `line-height` on `input` using `!important` in
-  // the UA stylesheet. And prevent its "line-height: normal" rule below from
-  // breaking the "appearance: button" styling on the input elements.
-  line-height: inherit;
+  padding: 4px 10px;
   text-decoration: none;
+  text-align: center;
   // Improve usability and consistency of cursor style between image-type `input` and others.
   cursor: pointer;
-  color: var(--color-button);
-  text-align: center;
-  background-image: linear-gradient(#f6f6f6, #e2e2e2);
-  border: 1px solid #e4e4e4;
-  border-left-color: #d2d2d2;
-  border-right-color: #d2d2d2;
-  border-bottom-color: #b4b4b4;
+  color: var(--color-button-text);
+  background-color: var(--color-button);
+  border: 0;
   border-radius: 2px;
 
-  // stylelint-disable property-no-vendor-prefix
-  // Correct the inability to style clickable types in iOS and Safari.
-  -moz-appearance: button;
-  -webkit-appearance: button;
-
-  // Remove the inner border and padding in Firefox.
-  &::-moz-focus-inner {
-    border-style: none;
-    padding: 0;
-  }
-
-  // Restore the focus styles unset by the previous rule.
-  &:-moz-focusring {
-    outline: 1px dotted ButtonText;
-  }
-  // sass-lint:enable property-no-vendor-prefix
-
   &:hover,
   &:focus,
   &:active {
     // Override any link underlines and color changes.
     text-decoration: none;
     color: var(--color-button);
-  }
-
-  &:active {
-    border-color: #555;
-    text-shadow: var(--color-button 0 -1px 0)  0 -1px 0;
-    background: var(--color-grey-dark);
-    color: var(--color-text-bg);
+    background-color: var(--color-button-text);
   }
 }
 
@@ -78,11 +47,20 @@ button,
     @include type-layout(xs, 1);
     @include margin-right(.3);
     @include margin-bottom(.3);
-    padding: 0 6px;
+    padding: 2px 6px;
   }
 
-  &--variant-name {
-    // Add styles here.
+  &--outline {
+    color: var(--color-button);
+    background-color: var(--color-button-text);
+    border: 1px solid var(--color-button);
+
+    &:hover,
+    &:focus,
+    &:active {
+      color: var(--color-button-text);
+      background-color: var(--color-button);
+    }
   }
 }
 

assets/sass/components/divider/divider.json

@@ -1,3 +0,0 @@
-{
-  "content": "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua."
-}

assets/sass/components/monospace/_monospace.scss

@@ -0,0 +1,10 @@
+// Monospace
+
+.monospace,
+%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;
+}

assets/sass/components/visually-hidden/visually-hidden.json

@@ -1,3 +0,0 @@
-{
-  "content": "This text will be read by screen readers, but will be visually hidden."
-}

assets/sass/components/watermark/_watermark.scss

@@ -8,7 +8,6 @@
   display: block;
   height: 0;
   overflow: visible;
-  // Remove background highlighting from <mark> in normalize.
   background-color: transparent;
   color: var(--color-watermark);
   font-size: 75px;

assets/sass/components/watermark/watermark.json

@@ -1,4 +0,0 @@
-{
-  "content": "Unpublished",
-  "sibling": "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum."
-}

assets/sass/components/wireframe/wireframe.json

@@ -1,3 +0,0 @@
-{
-  "content": "An item inside a wireframe."
-}