fix review comments for web highlighting

Author: piti6

articles/config-epub-jp.yml

@@ -173,8 +173,8 @@ imagedir: images_jp
 # font_ext: ["ttf", "woff", "otf"]
 
 # ソースコードハイライトを利用する (rouge,pygmentsには外部gemが必要)
-highlight:
-  html: "rouge"
+# highlight:
+#   html: "rouge"
 #   latex: "listings"
 
 # カタログファイル名を指定する
@@ -469,6 +469,8 @@ pdfmaker:
 # という構成にする必要がある(インデントさせる)
 #
 webmaker:
+    highlight:
+        html: "rouge"
     stylesheet: ["style.css", "style-web.css"]
 
 # TechBooster Re:VIEW-Template独自設定

articles/style.scss

@@ -114,10 +114,11 @@ table.highlight,
 .rouge-table {
 	border: 0;
 	width: 100%;
-	margin-bottom: $paragraph-margin-bottom;
+	margin-bottom: $font-size;
 	background: #191a1c;
 	border-radius: 6px;
 	overflow: hidden;
+	font-size: 0.9em;
 }
 
 table.highlight td,
@@ -140,7 +141,10 @@ table.highlight td,
 .rouge-code pre {
 	margin: 0;
 	padding: 0.75em 1em;
+	border: 0;
+	border-radius: 0;
 	overflow-x: auto;
+	line-height: 1.6;
 }
 
 .rouge-code {