8 files changed, 330 insertions, 0 deletions
diff --git a/_sass/base/_base.scss b/_sass/base/_base.scss
new file mode 100644
index 0000000..ddc350d
--- /dev/null
+++ b/_sass/base/_base.scss
@@ -0,0 +1,15 @@
+// Bitters 1.0.0
+// http://bitters.bourbon.io
+// Copyright 2013-2015 thoughtbot, inc.
+// MIT License
+
+@import "variables";
+
+// Neat Settings -- uncomment if using Neat -- must be imported before Neat
+// @import "grid-settings";
+
+@import "buttons";
+@import "forms";
+@import "lists";
+@import "tables";
+@import "typography";
diff --git a/_sass/base/_buttons.scss b/_sass/base/_buttons.scss
new file mode 100644
index 0000000..f902f60
--- /dev/null
+++ b/_sass/base/_buttons.scss
@@ -0,0 +1,31 @@
+#{$all-button-inputs},
+button {
+  @include appearance(none);
+  -webkit-font-smoothing: antialiased;
+  background-color: $action-color;
+  border-radius: $base-border-radius;
+  border: none;
+  color: #fff;
+  cursor: pointer;
+  display: inline-block;
+  font-family: $base-font-family;
+  font-size: $base-font-size;
+  font-weight: 600;
+  line-height: 1;
+  padding: 0.75em 1em;
+  text-decoration: none;
+  user-select: none;
+  vertical-align: middle;
+  white-space: nowrap;
+
+  &:hover,
+  &:focus {
+    background-color: darken($action-color, 15%);
+    color: #fff;
+  }
+
+  &:disabled {
+    cursor: not-allowed;
+    opacity: 0.5;
+  }
+}
diff --git a/_sass/base/_forms.scss b/_sass/base/_forms.scss
new file mode 100644
index 0000000..db4a796
--- /dev/null
+++ b/_sass/base/_forms.scss
@@ -0,0 +1,78 @@
+fieldset {
+  background-color: lighten($base-border-color, 10%);
+  border: $base-border;
+  margin: 0 0 $small-spacing;
+  padding: $base-spacing;
+}
+
+input,
+label,
+select {
+  display: block;
+  font-family: $base-font-family;
+  font-size: $base-font-size;
+}
+
+label {
+  font-weight: 600;
+  margin-bottom: $small-spacing / 2;
+
+  &.required::after {
+    content: "*";
+  }
+
+  abbr {
+    display: none;
+  }
+}
+
+#{$all-text-inputs},
+select[multiple=multiple],
+textarea {
+  background-color: $base-background-color;
+  border: $base-border;
+  border-radius: $base-border-radius;
+  box-shadow: $form-box-shadow;
+  box-sizing: border-box;
+  font-family: $base-font-family;
+  font-size: $base-font-size;
+  margin-bottom: $base-spacing / 2;
+  padding: $base-spacing / 3;
+  transition: border-color;
+  width: 100%;
+
+  &:hover {
+    border-color: darken($base-border-color, 10%);
+  }
+
+  &:focus {
+    border-color: $action-color;
+    box-shadow: $form-box-shadow-focus;
+    outline: none;
+  }
+}
+
+textarea {
+  resize: vertical;
+}
+
+input[type="search"] {
+  @include appearance(none);
+}
+
+input[type="checkbox"],
+input[type="radio"] {
+  display: inline;
+  margin-right: $small-spacing / 2;
+}
+
+input[type="file"] {
+  padding-bottom: $small-spacing;
+  width: 100%;
+}
+
+select {
+  margin-bottom: $base-spacing;
+  max-width: 100%;
+  width: auto;
+}
diff --git a/_sass/base/_grid-settings.scss b/_sass/base/_grid-settings.scss
new file mode 100644
index 0000000..c42bdaf
--- /dev/null
+++ b/_sass/base/_grid-settings.scss
@@ -0,0 +1,14 @@
+@import "neat-helpers"; // or "../neat/neat-helpers" when not in Rails
+
+// Neat Overrides
+// $column: 90px;
+// $gutter: 30px;
+// $grid-columns: 12;
+// $max-width: em(1088);
+
+// Neat Breakpoints
+$medium-screen: em(640);
+$large-screen: em(860);
+
+$medium-screen-up: new-breakpoint(min-width $medium-screen 4);
+$large-screen-up: new-breakpoint(min-width $large-screen 8);
diff --git a/_sass/base/_lists.scss b/_sass/base/_lists.scss
new file mode 100644
index 0000000..04c75b3
--- /dev/null
+++ b/_sass/base/_lists.scss
@@ -0,0 +1,36 @@
+ul,
+ol {
+
+  &%default-ul,
+  &%default-ol {
+  	list-style-type: none;
+	  margin: 0;
+	  padding: 0;
+  }
+  
+}
+
+ul {
+	list-style-type: disc;
+  margin-bottom: $small-spacing;
+  padding-left: $base-spacing;
+}
+
+ol {
+	list-style-type: decimal;
+  margin-bottom: $small-spacing;
+  padding-left: $base-spacing;
+}
+
+dl {
+  margin-bottom: $small-spacing;
+
+  dt {
+    font-weight: bold;
+    margin-top: $small-spacing;
+  }
+
+  dd {
+    margin: 0;
+  }
+}
diff --git a/_sass/base/_tables.scss b/_sass/base/_tables.scss
new file mode 100644
index 0000000..8c5cc31
--- /dev/null
+++ b/_sass/base/_tables.scss
@@ -0,0 +1,25 @@
+table {
+  @include font-feature-settings("kern", "liga", "tnum");
+  border-collapse: collapse;
+  margin: $small-spacing 0;
+  table-layout: fixed;
+  width: 100%;
+}
+
+th {
+  border-bottom: 1px solid darken($base-border-color, 15%);
+  font-weight: 600;
+  padding: $small-spacing 0;
+  text-align: left;
+}
+
+td {
+  border-bottom: $base-border;
+  padding: $small-spacing 0;
+}
+
+tr,
+td,
+th {
+  vertical-align: middle;
+}
diff --git a/_sass/base/_typography.scss b/_sass/base/_typography.scss
new file mode 100644
index 0000000..b9f15b7
--- /dev/null
+++ b/_sass/base/_typography.scss
@@ -0,0 +1,79 @@
+body {
+  @include font-feature-settings("kern", "liga", "pnum");
+  -webkit-font-smoothing: antialiased;
+  color: $base-font-color;
+  font-family: $base-font-family;
+  font-size: $base-font-size;
+  line-height: $base-line-height;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: $heading-font-family;
+  font-size: $base-font-size;
+  line-height: $heading-line-height;
+  margin: 0 0 $base-font-size;
+  margin: 0 0 rem($base-font-size);
+}
+h1 {
+	font-size: modular-scale(4);
+}
+h2 {
+	font-size: modular-scale(3);
+}
+h3 {
+	font-size: modular-scale(2);
+}
+h4 {
+	font-size: modular-scale(1);
+}
+h5 {
+	font-size: modular-scale(-1);
+}
+h6 {
+	font-size: modular-scale(-2);
+}
+
+p {
+  margin: 0 0 $small-spacing;
+}
+
+a {
+  color: $action-color;
+  text-decoration: none;
+  // transition: color 0.1s linear;
+
+  &:active,
+  &:focus,
+  &:hover {
+    color: darken($action-color, 10%);
+    text-decoration: underline;
+  }
+
+  &:active,
+  &:focus {
+    outline: none;
+  }
+}
+
+hr {
+  border-bottom: $base-border;
+  border-left: none;
+  border-right: none;
+  border-top: none;
+  margin: $base-spacing 0;
+}
+
+img,
+picture {
+  margin: 0;
+  max-width: 100%;
+}
+
+code {
+
+}
diff --git a/_sass/base/_variables.scss b/_sass/base/_variables.scss
new file mode 100644
index 0000000..3d2b02f
--- /dev/null
+++ b/_sass/base/_variables.scss
@@ -0,0 +1,52 @@
+// Google Fonts
+@import url(//fonts.googleapis.com/css?family=Roboto+Slab:400,700,300|Roboto:400,700,300|Open+Sans:300italic,400italic,600italic,700italic,800italic,400,800,700,600,300);
+
+// Typography
+$base-font-family: "Open Sans", "Helvetica Neue", "Helvetica", "Roboto", "Arial", sans-serif; // $helvetica;
+$heading-font-family: "Roboto Slab", "Helvetica Neue", "Helvetica", "Arial", sans-serif; // $base-font-family;
+
+// Font Sizes
+$base-font-size: $em-base; // 16px
+
+// Adjust modular scale ratio
+$modular-scale-ratio: $minor-third;
+
+// Line height
+$base-line-height: 1.8;
+$heading-line-height: 1.8;
+
+// Other Sizes
+$base-border-radius: 3px;
+$base-spacing: $base-line-height * $em-base;
+$small-spacing: $base-spacing / 2;
+$base-z-index: 0;
+
+// Colors
+$dark-gray: #333;
+$medium-gray: #999;
+$light-gray: #ddd;
+$white: #fff;
+// Flat UI Colors. For more, see http://flatuicolors.com/
+$turquoise: #1abc9c;	// Turqoise
+$green: #27ae60;	  	// Nephritis
+$blue: #2980b9;				// Belize Hole
+$purple: #8e44ad;			// Wisteria
+$orange: #d35400;			// Pumpkin
+$red:	#c0392b;				// Pomegranate
+$gray: #7f8c8d;				// Asbestos
+// Even more colors
+$bc-red: #bc0000;
+
+// Font Colors
+$base-background-color: #fff;
+$base-font-color: $dark-gray;
+$action-color: $blue;
+$highlight-color: tint($action-color, 33%);
+
+// Border
+$base-border-color: $light-gray;
+$base-border: 1px solid $base-border-color;
+
+// Forms
+$form-box-shadow: inset 0 1px 3px rgba(#000, 0.06);
+$form-box-shadow-focus: $form-box-shadow, 0 0 5px adjust-color($action-color, $lightness: -5%, $alpha: -0.3);