add files

assets/scss/modules/_buttons.scss

@@ -0,0 +1,29 @@
+/***************
+BUTTON DEFAULTS
+***************/
+
+@mixin button--outline($btn-color: $primary-color, $btn-font-color: white) {
+  background-color: transparent;
+  display: inline-block;
+  position: relative;
+  font-family: $sans-serif;
+  text-decoration: none;
+  color: $btn-color;
+  font-size: 0.9em;
+  line-height: 1.2em;
+  font-weight: 300;
+  padding: 0.5em 1.5em;
+  border: 1px solid $btn-color;
+  border-radius: 4px;
+  cursor: pointer;
+  margin-bottom: 0.5em;
+  transition: background-color 0.14s ease-in-out;
+
+  // hovering on the btn
+  &:hover,
+  &:focus {
+    color: $btn-font-color;
+    text-decoration: none;
+    background-color: $btn-color;
+  } // end hover
+} // end .button

assets/scss/modules/_forms.scss

@@ -0,0 +1,62 @@
+/***************
+FORM STYLING
+***************/
+
+label {
+	display:block;
+	margin-bottom:5px;
+}
+input[type=text],input[type=email],input[type=phone],input[type=password],input[type=number],input[type=search], textarea {
+	background: darken(white, 10%);
+	padding:5px;
+	outline:none;
+	border: none;
+	height: $line-height;
+	width:300px;
+	margin-bottom: .5rem;
+
+	&:focus {
+		border: 1px solid $primary-color;
+	}
+
+	&.full-width {
+		width:100%;
+	}
+}
+textarea {
+	height:$line-height*3;
+}
+
+form {
+	margin-bottom:$padding;
+
+	// Wrap each form input/element in a field div
+	.field {
+		margin-bottom:$padding/2;
+	}
+
+	// Notes go under the input fields
+	.note {
+		margin-top:5px;
+		color: gray;
+	}
+
+	// Required label
+	.req {
+		font-style: italic;
+	}
+
+	// Validation, add error class to the item div
+	.error {
+
+		// Validation reason
+		.reason {
+			margin-top:5px;
+			color: red;
+		}
+
+		input[type=text],input[type=email],input[type=phone],input[type=password],input[type=number],input[type=search], textarea{
+			border-color: red;
+		}
+	}
+}

assets/scss/modules/_links.scss

@@ -0,0 +1,7 @@
+a {
+  color: $link-color;
+
+  &:hover {
+    color: darken($link-color, 15%);
+  }
+}

assets/scss/modules/_lists.scss

@@ -0,0 +1,13 @@
+.noList {
+  list-style: none;
+  padding-left: 0;
+  margin-left: 0;
+}
+
+dt {
+  font-weight: bold;
+}
+
+dd {
+  margin: 0 0 1.5rem;
+}

assets/scss/modules/_tables.scss

@@ -0,0 +1,44 @@
+/***************
+TABLE STYLES
+***************/
+
+table {
+  width: 100%;
+  border: 1px solid lighten(grey, 15%);
+  margin-bottom: 1.5em;
+
+  caption {
+    margin: 0 0 7px;
+    font-size: 0.75em;
+    color: grey;
+    text-transform: uppercase;
+    letter-spacing: 1px;
+  }
+}
+
+tr {
+  border-bottom: 1px solid lighten(grey, 15%);
+
+  &:nth-child(even) {
+    background-color: lighten(grey, 30%);
+  }
+}
+
+td {
+  padding: 7px;
+  border-right: 1px solid lighten(grey, 15%);
+
+  &:last-child {
+    border-right: 0;
+  }
+}
+
+th {
+  background-color: lighten(grey, 30%);
+  border-bottom: 1px solid lighten(grey, 15%);
+  border-right: 1px solid lighten(grey, 15%);
+
+  &:last-child {
+    border-right: 0;
+  }
+}