fix(css): fix jump line issue in code blocks

chore(css): bump styled-components version (should fix code issues)
maxpou · Jan 19, 2020 · 1720efa · 1720efa
1 parent 4982902
commit 1720efa
Show file tree

Hide file tree

Showing 3 changed files with 6 additions and 7 deletions.
diff --git a/package.json b/package.json
@@ -49,22 +49,22 @@
     "gatsby-plugin-page-creator": "^2.1.25",
     "gatsby-plugin-react-helmet": "^3.1.11",
     "gatsby-plugin-sharp": "^2.2.29",
-    "gatsby-plugin-styled-components": "^3.1.9",
+    "gatsby-plugin-styled-components": "^3.1.17",
     "gatsby-remark-autolink-headers": "^2.1.14",
     "gatsby-remark-copy-linked-files": "^2.1.26",
     "gatsby-remark-images": "^3.1.26",
-    "gatsby-remark-prismjs": "^3.3.18",
+    "gatsby-remark-prismjs": "^3.3.30",
     "gatsby-remark-responsive-iframe": "^2.2.23",
     "gatsby-remark-smartypants": "^2.1.12",
     "gatsby-source-filesystem": "^2.1.31",
     "gatsby-transformer-remark": "^2.6.28",
     "gatsby-transformer-sharp": "^2.2.21",
     "lodash": "^4.17.15",
-    "prismjs": "^1.17.1",
+    "prismjs": "^1.19.0",
     "react": "^16.10.2",
     "react-dom": "^16.10.2",
     "react-helmet": "^5.2.1",
-    "styled-components": "^4.4.0"
+    "styled-components": "^5.0.0"
   },
   "devDependencies": {
     "eslint": "^6.6.0",

diff --git a/src/components/Content.js b/src/components/Content.js
@@ -131,7 +131,6 @@ const ContentBody = styled.div`
   }
 
   & code {
-    white-space: pre-wrap;
     word-wrap: break-word;
   }
 

diff --git a/src/components/Hero.js b/src/components/Hero.js
@@ -25,13 +25,13 @@ const TitleContainer = styled.div`
 const HeroTitle = styled.h1`
   font-weight: 700;
   font-size: 3rem;
-  margin: 10px 60px;
+  margin: 10px 50px;
   color: ${colors.white};
   text-shadow: 1px 1px 4px rgba(34, 34, 34, 0.85);
 `
 
 const HeroSubTitle = styled.h2`
-  margin: 10px 60px;
+  margin: 10px 50px;
   color: ${colors.white};
   text-shadow: 1px 1px 4px rgba(34, 34, 34, 0.85);
 `
-Original file line number
+Diff line change
@@ Expand Up / @@ -131,7 +131,6 @@ const ContentBody = styled.div` @@
       }
       & code {
-        white-space: pre-wrap;
         word-wrap: break-word;
       }
@@ Expand Down @@