Improves readability of code-in-hyperlinks

Stefan van den Oord · Stefan van den Oord · commit caaa00366c6f · 2019-05-09T08:30:37.000+02:00
If you do something like \[\`foo\`\](http://bar), the link was
rendered with a black background color. Background color and foreground
color are now the same as those for normal inline code.
diff --git a/src/components/Content.js b/src/components/Content.js
@@ -109,6 +109,11 @@ const ContentBody = styled.div`
       border-bottom: 2px solid white;
     }
   }
+
+  & :not(pre) a code[class*='language-'] {
+    color: #222222cc;
+    background-color: rgba(255, 229, 100, 0.2);
+  }
 `
 
 class Content extends React.Component {

Original file line number	Diff line number	Diff line change
@@ -109,6 +109,11 @@ const ContentBody = styled.div`
`109`	`109`	`border-bottom: 2px solid white;`
`110`	`110`	`}`
`111`	`111`	`}`
	`112`	`+`
	`113`	`+ & :not(pre) a code[class*='language-'] {`
	`114`	`+ color: #222222cc;`
	`115`	`+ background-color: rgba(255, 229, 100, 0.2);`
	`116`	`+ }`
`112`	`117`	`
`113`	`118`
`114`	`119`	`class Content extends React.Component {`