5 files changed, 53 insertions, 36 deletions
diff --git a/source/_assets/js/main.js b/source/_assets/js/main.js
index d3a9909..c964133 100644
--- a/source/_assets/js/main.js
+++ b/source/_assets/js/main.js
@@ -1,8 +1,3 @@
-window.axios = require('axios');
-window.fuse = require('fuse.js');
-window.Vue = require('vue');
-
-import Search from './components/Search.vue';
 import hljs from 'highlight.js/lib/highlight';
 
 // Syntax highlighting
@@ -17,14 +12,6 @@ hljs.registerLanguage('scss', require('highlight.js/lib/languages/scss'));
 hljs.registerLanguage('yaml', require('highlight.js/lib/languages/yaml'));
 
 document.querySelectorAll('pre code').forEach((block) => {
-    hljs.highlightBlock(block);
+  hljs.highlightBlock(block);
 });
 
-Vue.config.productionTip = false;
-
-new Vue({
-    components: {
-        Search,
-    },
-}).$mount('#vue-search');
-
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;