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';