From 28f36bee23a1644ca7ef2c57f17ba33e303621a6 Mon Sep 17 00:00:00 2001
From: Cotes Chung <11371340+cotes2020@users.noreply.github.com>
Date: Sat, 23 Jan 2021 13:18:37 +0800
Subject: [PATCH] Make code block 100% screen width on mobile

---
 assets/css/post.scss | 10 ++++++++++
 1 file changed, 10 insertions(+)

diff --git a/assets/css/post.scss b/assets/css/post.scss
index 598e5b4..85f8f9b 100644
--- 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) {