From eff5e19477334888516d5915cbdd31110b14bc44 Mon Sep 17 00:00:00 2001
From: Oliver Davies <opdavies@gmail.com>
Date: Sat, 27 Jan 2018 00:43:30 +0000
Subject: [PATCH] Fix code block styling

---
 assets/less/components/post/code.less | 20 ++++++++++++++++++++
 assets/less/main.less                 |  1 +
 2 files changed, 21 insertions(+)
 create mode 100644 assets/less/components/post/code.less

diff --git a/assets/less/components/post/code.less b/assets/less/components/post/code.less
new file mode 100644
index 00000000..6ec4f58f
--- /dev/null
+++ b/assets/less/components/post/code.less
@@ -0,0 +1,20 @@
+ pre code,
+ pre code.hljs,
+ .hljs {
+    @apply .p-4;
+    @apply .text-sm;
+    @apply .border-l-4;
+    @apply .border-grey-dark;
+    @apply .block;
+    @apply .bg-grey-lighter;
+    @apply .font-mono;
+    @apply .overflow-x-scroll;
+  }
+  
+  p,
+  li {
+      code {
+          @apply .bg-grey-lighter .inline-block .font-mono;
+          padding: 1px 3px;
+      }
+  }
diff --git a/assets/less/main.less b/assets/less/main.less
index ce41c835..f683847a 100644
--- a/assets/less/main.less
+++ b/assets/less/main.less
@@ -65,6 +65,7 @@ svg {
 @import 'components/listing';
 @import 'components/post';
 @import 'components/post/about-author';
+@import 'components/post/code';
 @import 'components/table';
 @import 'components/talk/slides';
 @import 'components/talk/video';