<code>関連のスタイルを_article.scssに移動

_includes/style.scss

@@ -24,14 +24,6 @@ $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;
-$pre-code-padding: 9.5px;
-
 // コンテナ
 $container-box-shadow: 0 0 10px 0 #ddd;
 $container-padding-top-mobile: 1em;
@@ -61,6 +53,14 @@ $article-h5-font-size: 1em;
 $article-h6-border-bottom: none;
 $article-h6-font-size: 1em;
 
+// 本文 - ソースコード
+$article-code-background: #f5f5f5;
+$article-code-border: 1px solid #ccc;
+$article-code-border-radius: 4px;
+$article-code-color: #333;
+$article-code-font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
+$article-pre-code-padding: 9.5px;
+
 // フッタ
 $footer-background: #333;
 $footer-text-color: #fff;

_sass/_article.scss

@@ -107,5 +107,21 @@
         padding: 0.5em;
       }
     }
+
+    code {
+      background: $article-code-background;
+      border: $article-code-border;
+      border-radius: $article-code-border-radius;
+      color: $article-code-color;
+      font-family: $article-code-font-family;
+      overflow: auto;
+      word-break: break-all;
+      word-wrap: break-word;
+    }
+
+    pre code {
+      display: block;
+      padding: $article-pre-code-padding;
+    }
   }
 }

_sass/_scaffolding.scss

@@ -16,20 +16,4 @@ 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;
-    word-break: break-all;
-    word-wrap: break-word;
-  }
-
-  pre code {
-    display: block;
-    padding: $pre-code-padding;
-  }
 }