2 files changed, 49 insertions, 13 deletions
diff --git a/theme/stylesheets/website/buttons.less b/theme/stylesheets/website/buttons.less
new file mode 100644
index 0000000..dbc4769
--- /dev/null
+++ b/theme/stylesheets/website/buttons.less
@@ -0,0 +1,32 @@
+.buttons {
+    .clearfix();
+}
+
+.button {
+    border: 0;
+    background-color: transparent;
+    background: @button-background;
+    color: @button-color;
+    width: 100%;
+    text-align: center;
+    float: left;
+    line-height: @line-height-base;
+    padding: 8px 4px;
+
+    &:hover {
+        color: @button-hover-color;
+    }
+
+    &:focus, &:hover {
+        outline: none;
+    }
+
+    &.size-2 {
+        width: 50%;
+    }
+
+    &.size-3 {
+        width: 33%;
+    }
+}
+
diff --git a/theme/stylesheets/website/variables.less b/theme/stylesheets/website/variables.less
index be84bc3..bf6e23d 100644
--- a/theme/stylesheets/website/variables.less
+++ b/theme/stylesheets/website/variables.less
@@ -67,23 +67,27 @@
 @dropdown-border-color:               @sidebar-divider-color;
 @dropdown-button-hover-color:         @header-button-hover-color;
 
-// States and alerts
-@state-success-text:             #3c763d;
-@state-success-bg:               #dff0d8;
-@state-success-border:           darken(spin(@state-success-bg, -10), 5%);
+// Buttons
+@button-background:                   #eee;
+@button-color:                        #666;
+@button-hover-color:                  #444;
 
-@state-info-text:                #31708f;
-@state-info-bg:                  #d9edf7;
-@state-info-border:              darken(spin(@state-info-bg, -10), 7%);
+// States and alerts
+@state-success-text:                  #3c763d;
+@state-success-bg:                    #dff0d8;
+@state-success-border:                darken(spin(@state-success-bg, -10), 5%);
 
-@state-warning-text:             #8a6d3b;
-@state-warning-bg:               #fcf8e3;
-@state-warning-border:           darken(spin(@state-warning-bg, -10), 5%);
+@state-info-text:                     #31708f;
+@state-info-bg:                       #d9edf7;
+@state-info-border:                   darken(spin(@state-info-bg, -10), 7%);
 
-@state-danger-text:              #a94442;
-@state-danger-bg:                #f2dede;
-@state-danger-border:            darken(spin(@state-danger-bg, -10), 5%);
+@state-warning-text:                  #8a6d3b;
+@state-warning-bg:                    #fcf8e3;
+@state-warning-border:                darken(spin(@state-warning-bg, -10), 5%);
 
+@state-danger-text:                   #a94442;
+@state-danger-bg:                     #f2dede;
+@state-danger-border:                 darken(spin(@state-danger-bg, -10), 5%);
 
 // Border Radius
 @border-radius-base:                  1px;