Make code block 100% screen width on mobile

cotes2020 · Jan 23, 2021 · 28f36be · 28f36be
1 parent 994b3e3
commit 28f36be
Showing 1 changed file with 10 additions and 0 deletions.
diff --git a/assets/css/post.scss b/assets/css/post.scss
@@ -312,6 +312,16 @@ $prompt-newer: "{{ site.data.label.post.button.next }}";
       margin-top: 1rem;
     }
   }
+
+  .post-content > div[class^='language-'] {
+    @include ml-mr(-1.25rem);
+    border-radius: 0;
+
+    &::before { // the lang badge
+      right: 1rem;
+    }
+  }
+
 }
 
 @media all and (max-width: 768px) {