cleaning up stylesheets

css/main.scss

@@ -1,8 +1,8 @@
 ---
-# Only the main Sass file needs front matter (the dashes are enough)
+# Liquid Docs Main Styles
 ---
-@charset "utf-8";
 
+@charset "utf-8";
 
 
 // Our variables
@@ -10,20 +10,26 @@ $base-font-family: Helvetica, Arial, sans-serif;
 $base-font-size:   16px;
 $small-font-size:  $base-font-size * 0.875;
 $base-line-height: 1.5;
+$spacing-unit:     40px;
 
-$spacing-unit:     30px;
+// Liquid Docs Blues. 1 --> 5, lightest --> darkest.
 
-$text-color:       #111;
-$background-color: #fdfdfd;
-$brand-color:      #2a7ae2;
+$color-blue-1: #E8F8FF;
+$color-blue-2: #B4DCED;
+$color-blue-3: #91C9E8;
+$color-blue-4: #67B8DE;
+$color-blue-5: #3399CC;
+$color-white: #fff;
+$color-slate: #5E5E5E;
 
+/*
 $grey-color:       #828282;
 $grey-color-light: lighten($grey-color, 40%);
 $grey-color-dark:  darken($grey-color, 25%);
+*/
 
 // Width of the content area
 $content-width:    800px;
-
 $on-palm:          600px;
 $on-laptop:        800px;
 
@@ -47,3 +53,24 @@ $on-laptop:        800px;
 ;
 
 
+/***** Layout Styles ******/
+
+
+* {
+  box-sizing: border-box;
+}
+
+body {
+  display: flex;
+}
+
+.sidebar {
+  background: $color-blue-5;
+  flex: 0 1 250px;
+  height: 100vh;
+  padding: $spacing-unit;
+}
+
+.content {
+
+}