Merge pull request #4 from vivek-26/master

root typography styles
joshmkennedy · Aug 8, 2019 · 82e4b00 · 82e4b00
2 parents 0637a11 + 9c556bc
commit 82e4b00
Show file tree

Hide file tree

Showing 2 changed files with 22 additions and 18 deletions.
diff --git a/gatsby-theme-blog-remix/src/components/post.js b/gatsby-theme-blog-remix/src/components/post.js
@@ -20,25 +20,27 @@ const Post = ({
 }) => (
   <Layout location={location} title={title}>
     <SEO title={post.title} description={post.excerpt} />
-    <Styled.h1>{post.title}</Styled.h1>
+    <Styled.root>
+      <Styled.h1>{post.title}</Styled.h1>
 
-    <Styled.p
-      css={css({
-        fontSize: 1,
-        mt: -3,
-        mb: 3,
-      })}
-    >
-      {post.date}
-    </Styled.p>
-    <div
-      css={{
-        paddingTop: `50px`,
-      }}
-    >
-      <MDXRenderer>{post.body}</MDXRenderer>
-    </div>
-    <PostFooter {...{ previous, next }} />
+      <Styled.p
+        css={css({
+          fontSize: 1,
+          mt: -3,
+          mb: 3,
+        })}
+      >
+        {post.date}
+      </Styled.p>
+      <div
+        css={{
+          paddingTop: `50px`,
+        }}
+      >
+        <MDXRenderer>{post.body}</MDXRenderer>
+      </div>
+      <PostFooter {...{ previous, next }} />
+    </Styled.root>
   </Layout>
 );
 

diff --git a/gatsby-theme-blog-remix/src/components/posts.js b/gatsby-theme-blog-remix/src/components/posts.js
@@ -10,6 +10,7 @@ import Footer from "../components/home-footer";
 
 const Posts = ({ location, posts, siteTitle, socialLinks }) => (
   <Layout location={location} title={siteTitle}>
+    <Styled.root>
     {posts.map(({ node }) => {
       const title = node.title || node.slug;
       const keywords = node.keywords || [];
@@ -40,6 +41,7 @@ const Posts = ({ location, posts, siteTitle, socialLinks }) => (
     })}
 
     <Footer socialLinks={socialLinks} />
+    </Styled.root>
   </Layout>
 );