From 76a176d165e574087af93c76510164c51103e3b6 Mon Sep 17 00:00:00 2001
From: Oliver Davies <opdavies@gmail.com>
Date: Tue, 30 Jan 2018 18:03:36 +0000
Subject: [PATCH] Adjust code text size on mobile

---
 assets/less/components/post/code.less | 42 ++++++++++++++++-----------
 1 file changed, 25 insertions(+), 17 deletions(-)

diff --git a/assets/less/components/post/code.less b/assets/less/components/post/code.less
index 6ec4f58f..e69a20f0 100644
--- a/assets/less/components/post/code.less
+++ b/assets/less/components/post/code.less
@@ -1,20 +1,28 @@
- pre code,
- pre code.hljs,
- .hljs {
-    @apply .p-4;
-    @apply .text-sm;
-    @apply .border-l-4;
-    @apply .border-grey-dark;
-    @apply .block;
+pre code,
+pre code.hljs,
+.hljs {
     @apply .bg-grey-lighter;
+    @apply .block;
+    @apply .border-grey-dark;
+    @apply .border-l-4;
     @apply .font-mono;
     @apply .overflow-x-scroll;
-  }
-  
-  p,
-  li {
-      code {
-          @apply .bg-grey-lighter .inline-block .font-mono;
-          padding: 1px 3px;
-      }
-  }
+    @apply .p-4;
+    @apply .text-xs;
+}
+
+p,
+li {
+    code {
+        @apply .bg-grey-lighter .inline-block .font-mono;
+        padding: 1px 3px;
+    }
+}
+
+@screen sm {
+    pre code,
+    pre code.hljs,
+    .hljs {
+        @apply .text-sm;
+    }
+}