preflight.scss in sass-zero-0.0.42

- old
+ new

@@ -1,6 +1,6 @@
-@import "sass-zero/base/variables";
+@import "sass-zero/variables";
 
 /**
  * Manually forked from SUIT CSS Base: https://github.com/suitcss/base
  * A thin layer on top of normalize.css that provides a starting point more
  * suitable for web applications.
@@ -27,11 +27,10 @@
 }
 
 button {
   background-color: transparent;
   background-image: none;
-  padding: 0;
 }
 
 /**
  * Work around a Firefox/IE bug where the transparent `button` background
  * results in a loss of the default `button` focus styles.
@@ -68,11 +67,22 @@
 html {
   font-family: $font-sans; /* 1 */
   line-height: 1.5; /* 2 */
 }
 
+
 /**
+ * Inherit font-family and line-height from `html` so users can set them as
+ * a class directly on the `html` element.
+ */
+
+body {
+  font-family: inherit;
+  line-height: inherit;
+}
+
+/**
  * 1. Prevent padding and border from affecting element width.
  *
  *    We used to set this in the html element and inherit from
  *    the parent element for everything else. This caused issues
  *    in shadow-dom-enhanced elements like <details> where the content
@@ -100,11 +110,11 @@
 ::before,
 ::after {
   box-sizing: border-box; /* 1 */
   border-width: 0; /* 2 */
   border-style: solid; /* 2 */
-  border-color: $breadboard-border; /* 2 */
+  border-color: $gray-200; /* 2 */
 }
 
 /*
  * Ensure horizontal rules are visible by default
  */
@@ -131,10 +141,10 @@
   resize: vertical;
 }
 
 input::placeholder,
 textarea::placeholder {
-  color: $breadboard-placeholder;
+  color: $gray-400;
 }
 
 button,
 [role="button"] {
   cursor: pointer;