Buttons in IE. Fixes #165. (Props @jomurgel)

assets/sass/modules/_buttons.scss

@@ -0,0 +1,32 @@
+//--------------------------------------------------------------
+// Buttons
+//--------------------------------------------------------------
+
+button,
+input[type="button"],
+input[type="reset"],
+input[type="submit"] {
+	background-color: $color-button-background;
+	border: none;
+	border-radius: 0;
+	border-width: 0;
+	color: $color-button-text;
+	line-height: 1.5;
+	margin: 0;
+	padding: $padding-input;
+	appearance: none;
+
+	// IE 11 helper.
+	body.ie & {
+		height: rem(35);
+	} // body.ie
+
+	&:hover {
+		background-color: $color-button-background-hover;
+	} // &:hover
+
+	&:active,
+	&:focus {
+		background-color: $color-button-background-hover;
+	} // &:active, &:focus
+} // button, input[type="button"], input[type="reset"], input[type="submit"]

assets/sass/modules/_forms.scss

@@ -11,28 +11,6 @@ textarea {
 	vertical-align: baseline; // Improves appearance and consistency in all browsers
 } // button, input, select, textarea
 
-button,
-input[type="button"],
-input[type="reset"],
-input[type="submit"] {
-	-webkit-appearance: none; // Remove iOS styles
-	background-color: $color-button-background;
-	border: none;
-	border-radius: 0;
-	color: $color-button-text;
-	min-height: rem(31);
-	vertical-align: top;
-
-	&:hover {
-		background-color: $color-button-background-hover;
-	} // &:hover
-
-	&:active,
-	&:focus {
-		background-color: $color-button-background-hover;
-	} // &:active, &:focus
-} // button, input[type="button"], input[type="reset"], input[type="submit"]
-
 input[type="checkbox"],
 input[type="radio"] {
 	padding: 0; // Addresses excess padding in IE8/9
@@ -75,12 +53,12 @@ input[type="datetime"],
 input[type="datetime-local"],
 input[type="color"],
 textarea {
-	-webkit-appearance: none; // Remove iOS styles
-	color: $color-input-text;
-	border: 1px solid $color-input-border;
+	border: rem(1) solid $color-input-border;
 	border-radius: 0;
-	line-height: 1.45;
-	padding: rem(3) rem(5);
+	color: $color-input-text;
+	line-height: 1.5;
+	padding: $padding-input;
+	appearance: none;
 
 	&:focus {
 		color: $color-input-focus-text;

assets/sass/modules/index.scss

@@ -2,6 +2,7 @@
 @import "content";
 @import "footer";
 @import "forms";
+@import "buttons";
 @import "header";
 @import "hero";
 @import "icons";

assets/sass/utilities/variables/_forms.scss

@@ -12,4 +12,4 @@ $color-input-border: $color-silver;
 $color-input-focus-text: $color-cod-gray;
 $color-input-text: $color-dove-gray;
 
-$padding-input: rem(3) rem(5);
+$padding-input: rem(6);