Added more button customization options

public/input/button/Button.jsx

@@ -65,6 +65,10 @@ class Button extends React.Component {
       contents = this.props.children;
     }
 
+    if(this.props.style) {
+      clazzes += " o-btn--style-" + this.props.style;
+    }
+
     //Determine extra clazzes
     if(this.props.className) this.clazzes += " "+this.props.className;
 

public/styles/elements/button.scss

@@ -0,0 +1,13 @@
+/*
+ *  Button
+ *    Basic Button Element Styling, mostly for resetting.
+ */
+button {
+  background: none;
+  border: none;
+  padding: 0;
+  margin: 0;
+  font-size: inherit;
+  font-weight: inherit;
+  font-family: inherit;
+}

public/styles/index.scss

@@ -45,6 +45,7 @@
 
 //Elements
 @import './elements/all.scss';
+@import './elements/button.scss';
 @import './elements/html.scss';
 
 @import './elements/_a.scss';

public/styles/objects/_button.scss

@@ -11,9 +11,5 @@
 .o-btn {
   //Reset
   display: inline-block;
-  background: none;
-  border: none;
-  padding: 0;
-  margin: 0;
   cursor: pointer;
 }