docs: Better styling for examples

5app · Feb 27, 2020 · d9c6415 · d9c6415
1 parent fcaa327
commit d9c6415
Showing 1 changed file with 13 additions and 0 deletions.
diff --git a/src/gatsby-theme-docz/wrapper.js b/src/gatsby-theme-docz/wrapper.js
@@ -25,9 +25,22 @@ const GlobalStyle = createGlobalStyle`
 		border: 0;
 		vertical-align: baseline;
 	}
+
+	body {
+		font-family: 'Open Sans', sans-serif;
+	}
+
+	div[data-testid="playground"] {
+		margin-bottom: 22px !important;
+	}
+
+	div[data-testid="live-preview"] {
+		padding: 22px;
+	}
 `;
 
 const Content = styled.div`
+	font-family: 'Open Sans', sans-serif;
 	font-size: ${p => p.theme.globals.typeScale.m};
 	line-height: ${p => p.theme.globals.lineHeight};
 `;