1 files changed, 17 insertions, 20 deletions
diff --git a/lib/scaffolding.less b/lib/scaffolding.less
index 0ce3fc831..b1900f012 100644
--- a/lib/scaffolding.less
+++ b/lib/scaffolding.less
@@ -95,7 +95,16 @@ a {
 }
 
 // Buttons
+.btnColor(@primaryColor, @secondaryColor) {
+  #gradient > .vertical(@primaryColor, @secondaryColor);
+  text-shadow: 0 -1px 0 rgba(0,0,0,.25);
+  border-color: @secondaryColor @secondaryColor darken(@secondaryColor, 15%);
+  border-color: rgba(0,0,0,.1) rgba(0,0,0,.1) fadein(rgba(0,0,0,.1), 15%);
+}
+
 .btn {
+  // .button(#1174C6);
+  cursor: pointer;
   display: inline-block;
   #gradient > .vertical-three-colors(#fff, #fff, 0.25, darken(#fff, 10%));
   padding: 4px 14px;
@@ -113,31 +122,20 @@ a {
     color: #333;
     text-decoration: none;
   }
-}
-.primary {
-  #gradient > .vertical(#049CDB, #0064CD);
-  color: #fff;
-  text-shadow: 0 -1px 0 rgba(0,0,0,.25);
-  border: 1px solid darken(#0064CD, 10%);
-  border-bottom-color: darken(#0064CD, 15%);
-  &:hover {
-    color: #fff;
-  }
-}
-
-.btn {
-  // .button(#1174C6);
   .transition(.1s linear all);
-  &.primary {
-    // #gradient > .vertical(@blue, @blueDark);
+  &.primary,
+  &.danger {
     color: #fff;
-    text-shadow: 0 -1px 0 rgba(0,0,0,.25);
-    border-color: @blueDark @blueDark darken(@blueDark, 15%);
-    border-color: rgba(0,0,0,.1) rgba(0,0,0,.1) fadein(rgba(0,0,0,.1), 15%);
     &:hover {
       color: #fff;
     }
   }
+  &.primary {
+    .btnColor(@blue, @blueDark)
+  }
+  &.danger {
+    .btnColor(lighten(@red, 15%), @red)
+  }
   &.large {
     font-size: 16px;
     line-height: 28px;
@@ -159,7 +157,6 @@ a {
     background-image: none;
     .opacity(65);
     cursor: default;
-    color: #fff;
   }
   &:active {
     @shadow: inset 0 3px 7px rgba(0,0,0,.1), 0 1px 2px rgba(0,0,0,.05);