From c158ac86f0a6bf3bc40f580c936ee5432b5e9d1a Mon Sep 17 00:00:00 2001
From: s-ol <s-ol@users.noreply.github.com>
Date: Mon, 5 Nov 2018 20:02:55 +1100
Subject: cooler inline code

---
 scss/main.scss | 43 +++++++++++++++++++++++++++++++++++++++++++
 1 file changed, 43 insertions(+)

diff --git a/scss/main.scss b/scss/main.scss
index ce10c7c..16f0dbc 100644
--- a/scss/main.scss
+++ b/scss/main.scss
@@ -53,3 +53,46 @@ h1 .icons {
     vertical-align: middle;
   }
 }
+
+@mixin left-border($w: 0.6rem) {
+  border-style: solid;
+  border-width: 0 0 0 $w;
+  border-radius: 0 6px 6px 0;
+}
+
+@mixin right-border($w: 0.6rem) {
+  border-style: solid;
+  border-width: 0 $w 0 0;
+  border-radius: 6px 0 0 6px;
+}
+
+pre > code.hljs {
+  @include left-border;
+  border-color: #303336;
+}
+
+pre.dual-code {
+  display: flex;
+  justify-content: space-between;
+  padding: 0 2rem;
+
+  > code.hljs {
+    @include right-border(0.3rem);
+
+    flex: 1;
+    margin: 0;
+  }
+
+  > code.hljs + code.hljs {
+    @include left-border(0.3rem);
+  }
+}
+
+.example {
+  @include left-border;
+
+  margin: 0 2rem;
+  padding: 1rem;
+  background: #eeeeee;
+  border-color: #b9bdc1;
+}
-- 
cgit v1.2.3