<code>に背景を追加

_includes/style.scss

@@ -24,6 +24,14 @@ $line-height: 1.4em;
 $selection-background: #659b4b;
 $selection-font-color: #fff;
 
+// <code>
+$code-background: #f5f5f5;
+$code-border: 1px solid #ccc;
+$code-border-radius: 4px;
+$code-color: #333;
+$code-font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
+$code-padding: 9.5px;
+
 // コンテナ
 $container-box-shadow: 0 0 10px 0 #ddd;
 $container-padding-top-mobile: 1em;

_sass/_scaffolding.scss

@@ -17,4 +17,20 @@ body {
     background-color: $selection-background;
     color: $selection-font-color;
   }
+
+  code {
+    background: $code-background;
+    border: $code-border;
+    border-radius: $code-border-radius;
+    color: $code-color;
+    font-family: $code-font-family;
+    overflow: auto;
+    padding: $code-padding;
+    word-break: break-all;
+    word-wrap: break-word;
+  }
+
+  pre code {
+    display: block;
+  }
 }