Add button resets styles for all tags: button, a, input...

www/modules/boilerplate/assets/styles/dist/main.css

@@ -404,6 +404,31 @@ textarea {
   overflow: auto;
   resize: vertical; }
 
+button,
+.button {
+  display: inline-block;
+  overflow: visible;
+  margin: 0;
+  padding: 0;
+  outline: 0;
+  border: 0;
+  background: none;
+  color: inherit;
+  vertical-align: middle;
+  text-align: center;
+  text-decoration: none;
+  text-transform: none;
+  font: inherit;
+  line-height: normal;
+  cursor: pointer;
+  -webkit-user-select: none;
+     -moz-user-select: none;
+      -ms-user-select: none;
+          user-select: none; }
+  button:hover,
+  .button:hover {
+    text-decoration: none; }
+
 html {
   font-family: sans-serif;
   font-size: 16px;
@@ -561,6 +586,16 @@ h6, .h6, .zeta {
 .textarea {
   min-height: 100px; }
 
+.button {
+  padding: 10px;
+  background-color: lightgray; }
+  .button:focus {
+    background-color: darkgray; }
+  .button:hover {
+    background-color: gray; }
+  .button:active {
+    background-color: dimgray; }
+
 .vertical-center {
   font-size: 0; }
   .vertical-center:before {

www/modules/boilerplate/assets/styles/src/_imports.scss

@@ -15,6 +15,7 @@
 @import "generic/normalize";
 @import "generic/generic";
 @import "generic/form";
+@import "generic/button";
 
 // Base
 // ==========================================================================
@@ -27,6 +28,7 @@
 @import "objects/container";
 @import "objects/grid";
 @import "objects/form";
+@import "objects/button";
 
 // Vendors
 // ==========================================================================

www/modules/boilerplate/assets/styles/src/generic/_button.scss

@@ -0,0 +1,27 @@
+// ==========================================================================
+// Button resets
+// ==========================================================================
+
+button,
+.button {
+	display: inline-block;
+	overflow: visible;
+	margin: 0;
+	padding: 0;
+	outline: 0;
+	border: 0;
+	background: none;
+	color: inherit;
+	vertical-align: middle;
+	text-align: center;
+	text-decoration: none;
+	text-transform: none;
+	font: inherit;
+	line-height: normal;
+	cursor: pointer;
+	user-select: none;
+
+	&:hover {
+		text-decoration: none;
+	}
+}

www/modules/boilerplate/assets/styles/src/objects/_button.scss

@@ -0,0 +1,20 @@
+// ==========================================================================
+// Button objects
+// ==========================================================================
+
+.button {
+	padding: 10px;
+	background-color: lightgray;
+
+	&:focus {
+		background-color: darkgray;
+	}
+
+	&:hover {
+		background-color: gray;
+	}
+
+	&:active {
+		background-color: dimgray;
+	}
+}