gaspersic/freeCodeCamp
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

fix: make all ways of representing code match blockquotes

Browse Source
This commit is contained in:
Oliver Eyton-Williams
2019-04-29 11:49:07 +02:00
committed by mrugesh mohapatra
parent 1cb6092dd9
commit 1a6392f0f0
1 changed files with 11 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

18
client/src/templates/Challenges/components/challenge-description.css
View File

@ -2,19 +2,23 @@
font-size: 16px; font-size: 16px;
} }
.challenge-instructions blockquote, .challenge-instructions pre { .challenge-instructions blockquote, .challenge-instructions pre, .challenge-instructions pre[class*="language-"] {
background-color: #eee; background-color: #eee;
color: #c7254e; color: #c7254e;
padding: 10px; padding: 10px 10px 10px 15px;
width: 100%; width: 100%;
margin: 0; margin: 0;
margin-bottom: 1.45rem; margin-bottom: 1.45rem;
font-family: monospace; font-family: 'SFMono-Regular', Consolas, 'Roboto Mono', 'Droid Sans Mono', 'Liberation Mono', Menlo, Courier, monospace;
font-size: 16px; font-size: 16px;
word-spacing: normal;
word-break: normal;
word-wrap: normal;
border: unset;
} }
.challenge-instructions pre { .challenge-instructions code {
border: 0; text-shadow: initial;
border-radius: 0%; font-family: 'SFMono-Regular', Consolas, 'Roboto Mono', 'Droid Sans Mono', 'Liberation Mono', Menlo, Courier, monospace;
word-break: normal; color: #c7254e;
} }