Merge pull request linode#19 from linode/DLC-157

alioso · web-flow · commit 6c9cc28b3949 · 2019-07-18T08:59:15.000-04:00
DLC-157 adjust intro code blocks
diff --git a/gatsby-config.js b/gatsby-config.js
@@ -51,6 +51,7 @@ module.exports = {
         path: `${__dirname}/src/images`
       }
     },
+    `gatsby-plugin-catch-links`,
     `gatsby-transformer-sharp`,
     `gatsby-plugin-sharp`,
     {
diff --git a/package.json b/package.json
@@ -10,6 +10,7 @@
     "crypto": "^1.0.1",
     "gatsby": "^2.9.2",
     "gatsby-image": "^2.0.29",
+    "gatsby-plugin-catch-links": "^2.1.2",
     "gatsby-plugin-manifest": "^2.0.17",
     "gatsby-plugin-netlify-cms": "^4.0.1",
     "gatsby-plugin-offline": "^2.0.22",
diff --git a/src/css/components/0_utilities/typography.css b/src/css/components/0_utilities/typography.css
@@ -22,11 +22,15 @@ input[type="text"] {
   @apply p-4 mt-2 mb-2 bg-ThemeBeige block;
 }
 
-.api-body code {
+.api-body pre code {
   @apply p-2 mt-2 mb-4 bg-ThemeBeige block;
   overflow-x: auto;
 }
 
+.api-body code {
+  @apply p-1 bg-ThemeBeige;
+}
+
 .api-desc code {
   @apply font-normal px-1 bg-ThemeTagGrey inline text-xs relative;
   padding-top: 4px;
@@ -55,6 +59,8 @@ input[type="text"] {
 }
 
 .api-body table code {
-  @apply py-0 px-2 m-0 mb-1 inline-block text-BaseRed rounded;
+  @apply py-0 px-1 m-0 mb-1 inline-block text-BaseRed;
   line-height: 1.7;
+  position: relative;
+  top: 5px;
 }
diff --git a/yarn.lock b/yarn.lock
@@ -5378,6 +5378,14 @@ gatsby-link@^2.1.1:
     "@types/reach__router" "^1.0.0"
     prop-types "^15.6.1"
 
+gatsby-plugin-catch-links@^2.1.2:
+  version "2.1.2"
+  resolved "https://registry.yarnpkg.com/gatsby-plugin-catch-links/-/gatsby-plugin-catch-links-2.1.2.tgz#f7e04e2b390341ba4b1f8f0e12d4bcf78b1e542d"
+  integrity sha512-ur17fNloBJItWH1CtADFyPDqBHfe2NKV0OenuVpCEIHq4mKdWjPO1Q7cC+0/ZKN1GikpsTAabwXy4JwWIKUSew==
+  dependencies:
+    "@babel/runtime" "^7.0.0"
+    escape-string-regexp "^1.0.5"
+
 gatsby-plugin-manifest@^2.0.17:
   version "2.1.1"
   resolved "https://registry.yarnpkg.com/gatsby-plugin-manifest/-/gatsby-plugin-manifest-2.1.1.tgz#e987d6e655b1dcfba6e10d65ff20722aaeb75391"

Original file line number	Diff line number	Diff line change
`@@ -51,6 +51,7 @@ module.exports = {`
`51`	`51`	path: `${__dirname}/src/images`
`52`	`52`	`}`
`53`	`53`	`},`
	`54`	+ `gatsby-plugin-catch-links`,
`54`	`55`	`gatsby-transformer-sharp`,
`55`	`56`	`gatsby-plugin-sharp`,
`56`	`57`	`{`
Original file line number	Diff line number	Diff line change
`@@ -22,11 +22,15 @@ input[type="text"] {`
`22`	`22`	`@apply p-4 mt-2 mb-2 bg-ThemeBeige block;`
`23`	`23`	`}`
`24`	`24`
`25`		`-.api-body code {`
	`25`	`+.api-body pre code {`
`26`	`26`	`@apply p-2 mt-2 mb-4 bg-ThemeBeige block;`
`27`	`27`	`overflow-x: auto;`
`28`	`28`	`}`
`29`	`29`
	`30`	`+.api-body code {`
	`31`	`+ @apply p-1 bg-ThemeBeige;`
	`32`	`+}`
	`33`	`+`
`30`	`34`	`.api-desc code {`
`31`	`35`	`@apply font-normal px-1 bg-ThemeTagGrey inline text-xs relative;`
`32`	`36`	`padding-top: 4px;`
`@@ -55,6 +59,8 @@ input[type="text"] {`
`55`	`59`	`}`
`56`	`60`
`57`	`61`	`.api-body table code {`
`58`		`- @apply py-0 px-2 m-0 mb-1 inline-block text-BaseRed rounded;`
	`62`	`+ @apply py-0 px-1 m-0 mb-1 inline-block text-BaseRed;`
`59`	`63`	`line-height: 1.7;`
	`64`	`+ position: relative;`
	`65`	`+ top: 5px;`
`60`	`66`	`}`