Form updates

css/_buttons.scss

@@ -0,0 +1,14 @@
+.btn {
+  background-color: $base-colour;
+  border: 0;
+  color: $base-background-colour;
+  cursor: pointer;
+  display: inline-block;
+  font: inherit;
+  font-weight: bold;
+  height: ($base-margin-bottom * 1.5);
+  line-height: ($base-margin-bottom * 1.5);
+  padding: 0 $base-margin-bottom;
+  text-align: center;
+  width: auto;
+}

css/_forms.scss

@@ -7,8 +7,8 @@ textarea {
   display: inline-block;
   font: inherit;
   line-height: $base-margin-bottom;
-  padding: ($base-margin-bottom / 4) ($base-margin-bottom / 2);
-  width: 300px;
+  padding: ($base-margin-bottom / 4);
+  width: 100%;
 }
 
 input[type="checkbox"], 
@@ -18,31 +18,30 @@ input[type="radio"] {
   width: auto;
 }
 
+label {
+  display: block;
+  font-weight: bold;
+}
+
+select {
+  height: ($base-margin-bottom * 1.5);
+}
+
 textarea {
   min-height: ($base-margin-bottom * 4);
 }
 
 .form__group {
   margin-bottom: $base-margin-bottom;
-}
-
-.form__label {
-  font-weight: bold;
-}
-
-.form__controls {
-  @extend .clearfix;
-}
-
-.btn {
-  background-color: $base-colour;
-  border: 0;
-  color: $base-background-colour;
-  cursor: pointer;
-  display: inline-block;
-  height: ($base-margin-bottom * 1.5);
-  line-height: ($base-margin-bottom * 1.5);
-  padding: 0 $base-margin-bottom;
-  text-align: center;
-  width: auto;
+  .form__group__controls {
+    @extend .clearfix;
+    label {
+      font-weight: normal;
+    }
+    &.form__group__controls--inline {
+      label {
+        display: inline-block;
+      }
+    }
+  }
 }

css/_mixins.scss

@@ -11,15 +11,15 @@
 
 @mixin background-size($size) {
   -webkit-background-size: $size;
-  -moz-background-size: $size;
-  -o-background-size: $size;
-  background-size: $size;
+     -moz-background-size: $size;
+       -o-background-size: $size;
+          background-size: $size;
 }
 
 @mixin font-smoothing {
-  font-smoothing: antialiased;
-  -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
+   -webkit-font-smoothing: antialiased;
+           font-smoothing: antialiased;
   text-rendering: optimizeLegibility;
 }
 
@@ -36,4 +36,4 @@
   :-ms-input-placeholder {  
     @content; 
   }
-}
+}

css/_normalise.scss

@@ -2,6 +2,7 @@ html {
   background-color: $base-background-colour;
   color: $base-colour;
   font: #{($base-font-size * 6.25) * 1%}/#{$base-line-height} $base-font-stack;
+  min-height: 100%;
 }
 
 a {
@@ -22,6 +23,15 @@ ol {
   margin-bottom: $base-margin-bottom;
 }
 
+h1, 
+h2, 
+h3, 
+h4, 
+h5, 
+h6 {
+  line-height: $base-margin-bottom;
+}
+
 h1 {
   @include font-size($base-font-size * 2);
 }

css/style.scss

@@ -27,6 +27,7 @@ Author: Mike Francis
 // Form, Buttons
 
 @import 'forms';
+@import 'buttons';
 
 // Nav abstraction, Navs