From 1d055089cd95e82fa444d22a4643705090f6135d Mon Sep 17 00:00:00 2001
From: Dane Everitt <dane@daneeveritt.com>
Date: Fri, 27 Jul 2018 21:25:20 -0700
Subject: [PATCH] Misc fixes

---
 .vuepress/theme/styles/home.css      | 18 ++++++++----------
 .vuepress/theme/styles/layout.css    | 10 +++++-----
 .vuepress/theme/styles/main.css      |  1 -
 .vuepress/theme/styles/sidebar.css   |  4 ++--
 .vuepress/theme/styles/text.css      |  4 ++--
 .vuepress/theme/styles/variables.css |  3 ---
 6 files changed, 17 insertions(+), 23 deletions(-)

diff --git a/.vuepress/theme/styles/home.css b/.vuepress/theme/styles/home.css
index 5fe5a415..df3966dc 100644
--- a/.vuepress/theme/styles/home.css
+++ b/.vuepress/theme/styles/home.css
@@ -1,6 +1,4 @@
 .home {
-    padding-top: $nav-height;
-
     .hero {
         @apply .text-center .mx-auto;
         max-width: 960px;
@@ -15,16 +13,16 @@
     }
 
     .features {
-    @apply .border-t .px-2 .mt-8 .flex .flex-wrap .items-start .content-between;
+        @apply .border-t .px-2 .mt-8 .flex .flex-wrap .items-start .content-between;
 
-    .feature {
-        @apply flex-grow;
-        flex-basis: 30%;
-        max-width: 30%;
+        .feature {
+            @apply flex-grow;
+            flex-basis: 30%;
+            max-width: 30%;
 
-        h2 {
-            @apply border-b-0 pb-0;
+            h2 {
+                @apply border-b-0 pb-0;
+            }
         }
     }
 }
-}
\ No newline at end of file
diff --git a/.vuepress/theme/styles/layout.css b/.vuepress/theme/styles/layout.css
index c132500a..f8345459 100644
--- a/.vuepress/theme/styles/layout.css
+++ b/.vuepress/theme/styles/layout.css
@@ -1,14 +1,14 @@
 .page {
-    padding-top: $nav-height;
+    padding-top: 56px;
 
     @screen md {
-        padding-left: $sidebar-width;
+        padding-left: 20rem;
     }
 }
 
 .content {
     @apply .mx-auto .p-4;
-    max-width: $content-width;
+    max-width: 840px;
 
     @screen md {
         @apply .p-8;
@@ -21,7 +21,7 @@
 
 .page-edit {
     @apply .mx-auto .px-4 .pb-4;
-    max-width: $content-width;
+    max-width: 840px;
 
     @screen md {
         @apply .px-8 .pb-8;
@@ -30,7 +30,7 @@
 
 .page-nav {
     @apply .mx-auto .px-4 .pb-4;
-    max-width: $content-width;
+    max-width: 840px;
 
     @screen md {
         @apply .px-8 .pb-8;
diff --git a/.vuepress/theme/styles/main.css b/.vuepress/theme/styles/main.css
index 81b373bc..2af1e977 100644
--- a/.vuepress/theme/styles/main.css
+++ b/.vuepress/theme/styles/main.css
@@ -1,7 +1,6 @@
 @import "tailwindcss/preflight";
 @import "tailwindcss/components";
 
-@import "./variables.css";
 @import "./layout.css";
 @import "./text.css";
 @import "./nav.css";
diff --git a/.vuepress/theme/styles/sidebar.css b/.vuepress/theme/styles/sidebar.css
index 67d5f023..4b22a164 100644
--- a/.vuepress/theme/styles/sidebar.css
+++ b/.vuepress/theme/styles/sidebar.css
@@ -6,8 +6,8 @@ $arrow-bg: #000;
     }
 
     @apply .fixed .pin-l .pin-b .bg-white .overflow-auto .border-r .border-grey-lighter .py-8;
-    top: $nav-height;
-    width: $sidebar-width;
+    top: 56px;
+    width: 20rem;
     font-size: 15px;
 
     ul {
diff --git a/.vuepress/theme/styles/text.css b/.vuepress/theme/styles/text.css
index 04071cd7..a752089d 100644
--- a/.vuepress/theme/styles/text.css
+++ b/.vuepress/theme/styles/text.css
@@ -37,8 +37,8 @@ a.header-anchor {
 
 .content:not(.custom) {
     & > h1, h2, h3, h4, h5, h6 {
-        margin-top: calc(.5rem - $nav-height);
-        padding-top: calc($nav-height + 1rem);
+        margin-top: calc(.5rem - 56px);
+        padding-top: calc(56px + 1rem);
 
         &:first-child {
             @apply .my-1 .pt-0;
diff --git a/.vuepress/theme/styles/variables.css b/.vuepress/theme/styles/variables.css
index 7f2d814b..e69de29b 100644
--- a/.vuepress/theme/styles/variables.css
+++ b/.vuepress/theme/styles/variables.css
@@ -1,3 +0,0 @@
-$sidebar-width: 20rem;
-$nav-height: 48px;
-$content-width: 840px;