fix: fix vue code block type indication

dewfall123 · Jun 14, 2021 · 76fa173 · 76fa173
1 parent 0661063
commit 76fa173
Showing 1 changed file with 32 additions and 28 deletions.
diff --git a/src/client/theme-default/styles/code.css b/src/client/theme-default/styles/code.css
@@ -116,7 +116,7 @@ div[class*='language-'].line-numbers-mode {
 
 /* Language marker */
 
-[class*='language-']:before {
+div[class*='language-']:before {
   position: absolute;
   top: 0.6em;
   right: 1em;
@@ -125,93 +125,97 @@ div[class*='language-'].line-numbers-mode {
   color: #888;
 }
 
-[class~='language-html']:before,
-[class~='language-markup']:before {
+div[class~='language-html']:before,
+div[class~='language-markup']:before {
   content: 'html';
 }
 
-[class~='language-md']:before,
-[class~='language-markdown']:before {
+div[class~='language-md']:before,
+div[class~='language-markdown']:before {
   content: 'md';
 }
 
-[class~='language-css']:before {
+div[class~='language-css']:before {
   content: 'css';
 }
 
-[class~='language-sass']:before {
+div[class~='language-sass']:before {
   content: 'sass';
 }
 
-[class~='language-scss']:before {
+div[class~='language-scss']:before {
   content: 'scss';
 }
 
-[class~='language-less']:before {
+div[class~='language-less']:before {
   content: 'less';
 }
 
-[class~='language-stylus']:before {
+div[class~='language-stylus']:before {
   content: 'styl';
 }
 
-[class~='language-js']:before,
-[class~='language-javascript']:before {
+div[class~='language-js']:before,
+div[class~='language-javascript']:before {
   content: 'js';
 }
 
-[class~='language-ts']:before,
-[class~='language-typescript']:before {
+div[class~='language-ts']:before,
+div[class~='language-typescript']:before {
   content: 'ts';
 }
 
-[class~='language-json']:before {
+div[class~='language-json']:before {
   content: 'json';
 }
 
-[class~='language-rb']:before,
-[class~='language-ruby']:before {
+div[class~='language-rb']:before,
+div[class~='language-ruby']:before {
   content: 'rb';
 }
 
-[class~='language-py']:before,
-[class~='language-python']:before {
+div[class~='language-py']:before,
+div[class~='language-python']:before {
   content: 'py';
 }
 
-[class~='language-sh']:before,
-[class~='language-bash']:before {
+div[class~='language-sh']:before,
+div[class~='language-bash']:before {
   content: 'sh';
 }
 
-[class~='language-php']:before {
+div[class~='language-php']:before {
   content: 'php';
 }
 
-[class~='language-go']:before {
+div[class~='language-go']:before {
   content: 'go';
 }
 
-[class~='language-rust']:before {
+div[class~='language-rust']:before {
   content: 'rust';
 }
 
-[class~='language-java']:before {
+div[class~='language-java']:before {
   content: 'java';
 }
 
-[class~='language-c']:before {
+div[class~='language-c']:before {
   content: 'c';
 }
 
-[class~='language-yaml']:before {
+div[class~='language-yaml']:before {
   content: 'yaml';
 }
 
-[class~='language-dockerfile']:before {
+div[class~='language-dockerfile']:before {
   content: 'dockerfile';
 }
 
+div[class~='language-vue']:before {
+  content: 'vue';
+}
+
 /**
  * prism.js tomorrow night eighties for JavaScript, CoffeeScript, CSS and HTML.
  * Based on https://github.com/chriskempson/tomorrow-theme