修复 官方解析markdown修改了className导致的内容样式问题

package.json

@@ -1,6 +1,6 @@
 {
   "name": "vuepress-theme-reco",
-  "version": "1.0.0-alpha.22",
+  "version": "1.0.0-alpha.23",
   "description": "this is a vuepress theme",
   "main": "index.js",
   "scripts": {

styles/code.styl

@@ -1,4 +1,4 @@
-.content
+.content__default
   code
     color lighten($textColor, 20%)
     padding 0.25rem 0.5rem
@@ -12,7 +12,7 @@
       &.inserted
         color $accentColor
 
-.content
+.content__default
   pre, pre[class*="language-"]
     line-height 1.4
     padding 1.25rem 1.5rem

styles/mobile.styl

@@ -35,7 +35,7 @@ $mobileSidebarWidth = $sidebarWidth * 0.82
 @media (max-width: $MQMobileNarrow)
   h1
     font-size 1.9rem
-  .content
+  .content__default
     div[class*="language-"]
       margin 0.85rem -1.5rem
       border-radius 0

styles/theme.styl

@@ -55,7 +55,7 @@ body
   border-right 1px solid $borderColor
   overflow-y auto
 
-.content:not(.custom)
+.content__default:not(.custom)
   @extend $wrapper
   // > *:first-child
   //   margin-top 1.6rem
@@ -68,7 +68,7 @@ body
   img
     max-width 100%
 
-.content.custom
+.content__default.custom
   padding 0
   margin 0
   img
@@ -108,7 +108,7 @@ strong
 h1, h2, h3, h4, h5, h6
   font-weight 500
   line-height 1.25
-  .content:not(.custom) > &
+  .content__default:not(.custom) > &
     margin-top (0.5rem - $navbarHeight)
     padding-top ($navbarHeight + 1rem)
     margin-bottom 0
@@ -171,7 +171,7 @@ th, td
     .sidebar-mask
       display: block
   &.no-navbar
-    .content:not(.custom) > h1, h2, h3, h4, h5, h6
+    .content__default:not(.custom) > h1, h2, h3, h4, h5, h6
         margin-top 1.5rem
         padding-top 0
     .sidebar