From a659c75276d187d9e52bf44f50ad803d715b75cc Mon Sep 17 00:00:00 2001
From: Chris Hill-Scott <me@quis.cc>
Date: Thu, 12 May 2016 11:34:57 +0100
Subject: [PATCH] Give the <code> example in docs better CSS

- adds a background colour, to words wrapped in `<code>` tags, like we
  have for whole snippets of code
- reduces the font size of all code blocks
  a) to differentiate them further
  b) to fit more on the screen
---
 app/assets/stylesheets/views/documenation.scss | 12 +++++++++++-
 1 file changed, 11 insertions(+), 1 deletion(-)

diff --git a/app/assets/stylesheets/views/documenation.scss b/app/assets/stylesheets/views/documenation.scss
index 62ff03ed8..5427a2c42 100644
--- a/app/assets/stylesheets/views/documenation.scss
+++ b/app/assets/stylesheets/views/documenation.scss
@@ -57,9 +57,19 @@
     margin: 0 0 20px 0;
   }
 
+  pre,
+  code {
+    font-size: 16px;
+  }
+
+  code {
+    background: $highlight-colour;
+    padding: 2px 5px;
+  }
+
   .highlight {
     margin: 0 0 20px 0;
-    background: #F8F8F8;
+    background: $highlight-colour;
   }
 
   strong,