Fix highlight styles.

Author: jaywcjlove

src/components/PreviewMarkdown/hljs.less

@@ -1,51 +1,53 @@
-.hljs {
-  .comment {
-    color: #6a737d;
-  }
-  .keyword {
-    color: #d73a49;
-  }
-  .attr {
-    color: #032f62;
-  }
-  .string {
-    color: #032f62;
-  }
-  .class {
+:global {
+  .hljs {
+    .comment {
+      color: #6a737d;
+    }
     .keyword {
       color: #d73a49;
     }
-    .title {
-      color: #6f42c1;
+    .attr {
+      color: #032f62;
     }
-    .title {
-      color: #6f42c1;
+    .string {
+      color: #032f62;
     }
-  }
-  .tag {
-    .name {
-      color: #22863a;
+    .class {
+      .keyword {
+        color: #d73a49;
+      }
+      .title {
+        color: #6f42c1;
+      }
+      .title {
+        color: #6f42c1;
+      }
     }
-    .attr {
-      color: #6f42c1;
+    .tag {
+      .name {
+        color: #22863a;
+      }
+      .attr {
+        color: #6f42c1;
+      }
     }
   }
-}
 
-.hljs {
-  .selector-tag {
-    color: #22863a; 
-  }
-  .selector-class {
-    color: #6f42c1;
-  }
-  .selector-pseudo {
-    font-weight: bold;
-  }
-  .attribute {
-    color: #005cc5;
-  }
-  .number {
-    color: #005cc5;
+  .hljs {
+    .selector-tag {
+      color: #22863a; 
+    }
+    .selector-class {
+      color: #6f42c1;
+    }
+    .selector-pseudo {
+      font-weight: bold;
+    }
+    .attribute {
+      color: #005cc5;
+    }
+    .number {
+      color: #005cc5;
+    }
   }
 }

src/index.tsx

@@ -41,7 +41,6 @@ export default class MarkdownEditor extends React.PureComponent<IMarkdownEditor,
         <ToolBar toolbars={toolbars} onClick={this.onClick} />
         <div className={classnames(`${prefixCls}-content`)}>
           <CodeMirror
-            style={{ width: this.state.preview ? '50%' : '100%' }}
             width={this.state.preview ? '50%' : '100%'}
             ref={this.getInstance}
             {...codemirrorProps}