style: enhance the style of vue container

vuejs · Sep 29, 2018 · ae3bfb8 · ae3bfb8
1 parent dd8ab89
commit ae3bfb8
Showing 1 changed file with 8 additions and 2 deletions.
diff --git a/packages/@vuepress/theme-default/styles/custom-blocks.styl b/packages/@vuepress/theme-default/styles/custom-blocks.styl
@@ -33,8 +33,14 @@ pre.vue-container
   border-left-width: .5rem;
   border-left-style: solid;
   border-color: #42b983;
-  code
+  & > code
     color: #2c3e50 !important;
     font-size: 14px !important;
     & > p
-      margin: -20px 0;
+      margin: -5px 0 -20px 0;
+    code
+      background-color: darken(#f3f5f7, 10%) !important;
+      padding: 3px 5px;
+      border-radius: 10px;
+      color: lighten(#2c3e50, 10%) !important;
+