fix: prevent from styling highlighted code, closes #13

saberland · Jun 1, 2019 · edea9bd · edea9bd
1 parent a81a2ed
commit edea9bd
Showing 1 changed file with 6 additions and 6 deletions.
diff --git a/packages/saber-theme-portfolio/src/layouts/post.vue b/packages/saber-theme-portfolio/src/layouts/post.vue
@@ -11,20 +11,20 @@
           <div class="page-content">
             <slot name="default" />
           </div>
-          <div v-if="page.tags" class="tags">
+          <div v-if="page.tags" class="post-tags">
             <saber-link
               v-for="tag in page.tags"
               :key="tag.permalink"
               :to="tag.permalink"
-              class="tag"
+              class="post-tag"
             >
               <HashIcon />
               {{ tag.name }}
             </saber-link>
           </div>
           <Disqus
             v-if="page.attributes.comments !== false && $themeConfig.disqus"
-            class="comment"
+            class="post-comments"
             :url="$siteConfig.url"
             :permalink="page.attributes.permalink"
             :shortname="$themeConfig.disqus"
@@ -122,13 +122,13 @@ export default {
   margin-top: 30px;
 }
 
-.tags {
+.post-tags {
   display: flex;
   margin-top: 60px;
   font-size: 0.9rem;
 }
 
-.tag {
+.post-tag {
   display: flex;
   align-items: center;
   border: 1px solid var(--border-color);
@@ -149,7 +149,7 @@ export default {
   }
 }
 
-.comment {
+.post-comments {
   margin-top: 60px;
 }
 </style>