From 1a6392f0f00c9cffec12c7468b7704d6a3753db4 Mon Sep 17 00:00:00 2001 From: Oliver Eyton-Williams Date: Mon, 29 Apr 2019 11:49:07 +0200 Subject: [PATCH] fix: make all ways of representing code match blockquotes --- .../components/challenge-description.css | 18 +++++++++++------- 1 file changed, 11 insertions(+), 7 deletions(-) diff --git a/client/src/templates/Challenges/components/challenge-description.css b/client/src/templates/Challenges/components/challenge-description.css index 4e6aed25c3..2f7e1ca114 100644 --- a/client/src/templates/Challenges/components/challenge-description.css +++ b/client/src/templates/Challenges/components/challenge-description.css @@ -2,19 +2,23 @@ font-size: 16px; } -.challenge-instructions blockquote, .challenge-instructions pre { + .challenge-instructions blockquote, .challenge-instructions pre, .challenge-instructions pre[class*="language-"] { background-color: #eee; color: #c7254e; - padding: 10px; + padding: 10px 10px 10px 15px; width: 100%; margin: 0; 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; + word-spacing: normal; + word-break: normal; + word-wrap: normal; + border: unset; } -.challenge-instructions pre { - border: 0; - border-radius: 0%; - word-break: normal; +.challenge-instructions code { + text-shadow: initial; + font-family: 'SFMono-Regular', Consolas, 'Roboto Mono', 'Droid Sans Mono', 'Liberation Mono', Menlo, Courier, monospace; + color: #c7254e; }