Fix: markdown 和 highlight 的 css 冲突

_config.yml

@@ -26,11 +26,11 @@ page:
 # Value before `||` delimeter is the target permalink.
 # Value after `||` delimeter is the name of FontAwesome icon.
 social:
-  GitHub: https://github.com/yourname || github
-  E-Mail: mailto:yourmail || envelope
-  Google: https://plus.google.com/yourname || google
-  Twitter: https://twitter.com/yourname || twitter
-  Weibo: https://www.facebook.com/yourname || weibo
+  #GitHub: https://github.com/yourname || github
+  #E-Mail: mailto:yourmail || envelope
+  #Google: https://plus.google.com/yourname || google
+  #Twitter: https://twitter.com/yourname || twitter
+  #Weibo: https://www.facebook.com/yourname || weibo
   #FB Page: https://www.facebook.com/yourname || facebook
   #VK Group: https://vk.com/yourname || vk
   #StackOverflow: https://stackoverflow.com/yourname || stack-overflow

source/css/highlight/highlight.styl

@@ -48,6 +48,7 @@ pre {
     margin: 0;
     width: auto;
     border: none;
+    border-spacing: unset;
   }
 
   td {
@@ -74,7 +75,7 @@ pre {
     padding-left: 10px
     padding-right: 10px
     color: $highlight-gutter.color
-    text-align: right
+    text-align: center
     background-color: $highlight-gutter.bg-color
   }
 

source/css/markdown.styl

@@ -65,7 +65,7 @@
     border: 1px solid $border-color;
   }
 
-  table {
+  table:not(figure.highlight) {
 
     border: solid $border-color;
     border-width: 1px 0 0 1px;
@@ -89,6 +89,7 @@
 
       tr {
         margin: 0;
+
         td {
           padding: 4px;
           border: solid $border-color;