Replace rem by em on Heading (#39)

diegohaz · web-flow · commit bb717f64b781 · 2016-12-29T19:49:55.000-02:00
diff --git a/src/components/atoms/Heading/index.js b/src/components/atoms/Heading/index.js
@@ -11,8 +11,8 @@ const styles = ({ kind, light, level }) => {
     font-weight: 500;
     font-size: ${0.75 + 1 * (1 / level)}rem;
     margin: 0;
-    margin-top: ${1 + 0.5 * (1 / level)}rem;
-    margin-bottom: ${0.5 + 0.5 * (1 / level)}rem;
+    margin-top: 0.85714em;
+    margin-bottom: 0.57142em;
     color: ${color};
   `
 }

Original file line number	Diff line number	Diff line change
`@@ -11,8 +11,8 @@ const styles = ({ kind, light, level }) => {`
`11`	`11`	`font-weight: 500;`
`12`	`12`	`font-size: ${0.75 + 1 * (1 / level)}rem;`
`13`	`13`	`margin: 0;`
`14`		`- margin-top: ${1 + 0.5 * (1 / level)}rem;`
`15`		`- margin-bottom: ${0.5 + 0.5 * (1 / level)}rem;`
	`14`	`+ margin-top: 0.85714em;`
	`15`	`+ margin-bottom: 0.57142em;`
`16`	`16`	`color: ${color};`
`17`	`17`	`
`18`	`18`	`}`