From 824e64ae4829641aa26e8f91d3493ab8afd2cda1 Mon Sep 17 00:00:00 2001
From: "qingwei.li" <cinwell.li@gmail.com>
Date: Sat, 26 Nov 2016 21:07:47 +0800
Subject: [PATCH] Fix style

---
 404.dev.html     | 2 +-
 src/render.js    | 2 +-
 themes/buble.css | 3 ++-
 themes/vue.css   | 6 +++---
 4 files changed, 7 insertions(+), 6 deletions(-)
diff --git a/404.dev.html b/404.dev.html
index b2437dfd..e5acc2f4 100644
--- a/404.dev.html
+++ b/404.dev.html
@@ -3,7 +3,7 @@
 <head>
   <meta charset="UTF-8">
   <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
-  <link rel="stylesheet" href="/themes/vue.css">
+  <link rel="stylesheet" href="/themes/buble.css">
 </head>
 <body>
   <nav>
diff --git a/src/render.js b/src/render.js
index 89cda29b..8ae62d92 100644
--- a/src/render.js
+++ b/src/render.js
@@ -30,7 +30,7 @@ renderer.heading = function (text, level) {
 renderer.code = function (code, lang) {
   const hl = Prism.highlight(code, Prism.languages[lang] || Prism.languages.markup)
 
-  return `<pre><code class="lang-${lang}" data-lang="${lang}">${hl}</code></pre>`
+  return `<pre data-lang="${lang}"><code class="lang-${lang}">${hl}</code></pre>`
 }
 marked.setOptions({ renderer })
 
diff --git a/themes/buble.css b/themes/buble.css
index 1835f40f..02d326c6 100644
--- a/themes/buble.css
+++ b/themes/buble.css
@@ -362,9 +362,10 @@ main {
 }
 
 .markdown-section pre>code {
-  padding: 0;
+  display: block;
   font-family: Inconsolata;
   line-height: 1.2em;
+  padding: 0;
 }
 
 .markdown-section code::after, .markdown-section code::before {
diff --git a/themes/vue.css b/themes/vue.css
index 7e18e230..1a96b5c2 100644
--- a/themes/vue.css
+++ b/themes/vue.css
@@ -283,13 +283,14 @@ main {
 }
 
 .markdown-section pre {
-  font-family: 'Roboto Mono', Monaco, courier, monospace;
   -moz-osx-font-smoothing: initial;
   -webkit-font-smoothing: initial;
   background-color: #f8f8f8;
+  font-family: 'Roboto Mono', Monaco, courier, monospace;
   line-height: 1.5em;
   margin: 1.2em 0;
   padding: 1.2em 1.4em;
+  position: relative;
 }
 
 /* code highlight */
@@ -415,7 +416,6 @@ code .token {
 
 pre code {
   overflow-x: auto;
-  position: relative;
   padding: 0;
   background-color: #f8f8f8;
   padding: 0.8em 0.8em 0.4em;
@@ -423,7 +423,7 @@ pre code {
   border-radius: 2px;
 }
 
-pre code::after {
+pre::after {
   color: #ccc;
   content: attr(data-lang);
   font-size: 0.75em;
