fix: wrong display of code type badge in firefox (#11)

1 files changed, 6 insertions, 1 deletions

diff --git a/_sass/yat/_base.scss b/_sass/yat/_base.scss
index 44afc1f..bef96b7 100644
--- a/_sass/yat/_base.scss
+++ b/_sass/yat/_base.scss
@@ -160,7 +160,7 @@ pre {
   background-color: #f0f0f0;
 
   // code language badge
-  &:before {
+  &::before {
     content: attr(data-lang);
     color: #fff;
     background-color: #ff4e00;
@@ -174,6 +174,11 @@ pre {
     right: 0;
   }
 
+  // fix wrong badge display for firefox browser
+  code > table pre::before {
+    display: none;
+  }
+
   > code {
     display: inline-block;
     padding: 20px!important;