From 86c9d4be98d6e9ab122f7d676e90664f007a8376 Mon Sep 17 00:00:00 2001
From: "David T. Sadler" <davidtsadler@googlemail.com>
Date: Sun, 8 Mar 2020 01:55:15 +0000
Subject: Style posts

---
 source/_assets/sass/_base.scss | 15 +++++++++++++++
 source/_assets/sass/_blog.scss | 37 +++++++++++++++----------------------
 source/_assets/sass/_tags.scss | 19 +++++++++++++++++++
 source/_assets/sass/main.scss  |  3 +++
 4 files changed, 52 insertions(+), 22 deletions(-)
 create mode 100644 source/_assets/sass/_base.scss
 create mode 100644 source/_assets/sass/_tags.scss

(limited to 'source/_assets/sass')

diff --git a/source/_assets/sass/_base.scss b/source/_assets/sass/_base.scss
new file mode 100644
index 0000000..77559ee
--- /dev/null
+++ b/source/_assets/sass/_base.scss
@@ -0,0 +1,15 @@
+body {
+  @apply bg-gray-900;
+  @apply text-white;
+}
+
+pre {
+  @apply .bg-gray-800;
+  @apply .my-4;
+  @apply .overflow-x-auto;
+
+  code.hljs {
+    @apply .bg-transparent;
+  }
+}
+
diff --git a/source/_assets/sass/_blog.scss b/source/_assets/sass/_blog.scss
index 485a30a..9e350e8 100644
--- a/source/_assets/sass/_blog.scss
+++ b/source/_assets/sass/_blog.scss
@@ -1,11 +1,6 @@
-body {
-  @apply bg-gray-900;
-  @apply text-white;
-}
-
 #main-sidebar-container {
   display: grid;
-  grid-template-columns: auto;
+  grid-template-columns: 100%;
   grid-template-areas: "main" "sidebar";
 }
 
@@ -20,7 +15,7 @@ body {
 
 @media (min-width: 1024px) {
   #main-sidebar-container {
-    grid-template-columns: 20rem auto;
+    grid-template-columns: 20rem calc(100% - 20rem);
     grid-template-areas: "sidebar main";
     min-height: 100vh;
   }
@@ -30,20 +25,18 @@ body {
   }
 }
 
-a.apache {
-  background-color: #CB2138;
-}
-
-a.linux {
-  background-color: #FFFFFF;
-  color: #000000;
-}
-
-a.mysql {
-  background-color: #F29221;
-}
-
-a.php {
-  background-color: #8892BF;
+#main-sidebar-container {
+  article {
+      h2 {
+        @apply text-2xl;
+        @apply font-bold;
+        @apply my-4;
+      }
+      h3 {
+        @apply text-xl;
+        @apply font-bold;
+        @apply my-4;
+      }
+  }
 }
 
diff --git a/source/_assets/sass/_tags.scss b/source/_assets/sass/_tags.scss
new file mode 100644
index 0000000..83077aa
--- /dev/null
+++ b/source/_assets/sass/_tags.scss
@@ -0,0 +1,19 @@
+a {
+  &.apache {
+    background-color: #CB2138;
+  }
+
+  &.linux {
+    background-color: #FFFFFF;
+    color: #000000;
+  }
+
+  &.mysql {
+    background-color: #F29221;
+  }
+
+  &.php {
+    background-color: #8892BF;
+  }
+}
+
diff --git a/source/_assets/sass/main.scss b/source/_assets/sass/main.scss
index 1057f99..2720ef9 100644
--- a/source/_assets/sass/main.scss
+++ b/source/_assets/sass/main.scss
@@ -1,4 +1,7 @@
 @tailwind base;
 @tailwind components;
+@import '~highlight.js/styles/railscasts.css';
+@import 'base';
+@import 'tags';
 @import 'blog';
 @tailwind utilities;
-- 
cgit v1.2.3-13-gbd6f