3pp-mirror/docusaurus
1
0
Fork 0
mirror of https://github.com/facebook/docusaurus.git synced 2025-06-01 02:12:36 +02:00
Code Issues Projects Releases Packages Wiki Activity

use faded primaryColor background for inline code snippets instead of link color (#276)

Browse source
This commit is contained in:
Ricky Vetter 2017-12-12 12:46:52 -08:00 • committed by Héctor Ramos
parent e655ac0f37
commit c22203523f
5 changed files with 50 additions and 14 deletions
Download patch file Download diff file Expand all files Collapse all files

24
lib/static/css/main.css
View file

@ -719,19 +719,17 @@ input::placeholder {
color: #e5e5e5;
}
code,
a code,
.mainContainer .wrapper a code,
.mainContainer .wrapper a:focus code {
color: $primaryColor;
font-family: "SFMono-Regular",source-code-pro,Menlo,Monaco,Consolas,"Roboto Mono","Droid Sans Mono","Liberation Mono",Consolas,"Courier New",Courier,monospace;
}
a code {
text-decoration: underline;
}
a:hover code {
text-decoration: none;
code {
padding: 2px 0;
background-color: $codeColor;
/* box-shadow acts as padding around inline code snippets
* while not adding any extra spacing between words. */
box-shadow: 2px 0 $codeColor, -2px 0 $codeColor;
color: inherit;
border-radius: .3em;
font-family: "SFMono-Regular",source-code-pro,Menlo,Monaco,Consolas,"Roboto Mono","Droid Sans Mono","Liberation Mono",Consolas,"Courier New",Courier,monospace;
/* avoids scale issues on mobile */
word-break: break-word;
}
pre code {