Add button-base mixin

Author: r7kamura

assets/stylesheets/blocks/_button.scss

@@ -1,6 +1,7 @@
 @import "scss/buttons";
 @import "scss/utilities";
 
+.button,
 .button-block-small,
 .button-block,
 .button-danger-disabled,
@@ -85,6 +86,10 @@
   @include button-small;
 }
 
+.button-base {
+  @include button-base;
+}
+
 .button-outline {
   @include button;
   @include button-outline;

scss/_buttons.scss

@@ -13,19 +13,24 @@
   }
 }
 
-@mixin button {
-  background-color: #eee;
-  background-image: linear-gradient(#fcfcfc, #eee);
+@mixin button-base {
+  border: 1px solid transparent;
   border-radius: 3px;
-  border: 1px solid #d5d5d5;
-  color: #333;
-  cursor: pointer;
   display: inline-block;
   font-size: 13px;
-  font-weight: bold;
   line-height: 20px;
   padding: 6px 12px;
   position: relative;
+}
+
+@mixin button {
+  @include button-base;
+  background-color: #eee;
+  background-image: linear-gradient(#fcfcfc, #eee);
+  border-color: #d5d5d5;
+  color: #333;
+  cursor: pointer;
+  font-weight: bold;
   user-select: none;
   vertical-align: middle;
   white-space: nowrap;

views/docs/buttons.slim

@@ -62,6 +62,22 @@ article.article
                 @include button;
                 @include button-outline;
               }
+  .article-section
+    .article-section-heading
+      | @mixin button-base
+    .article-example
+      .buttons
+        button.button
+          | .button
+        a.button-base[href="#"]
+          | .button-base
+      .markdown
+        pre
+          code
+            |
+              .button-base {
+                @include button-base;
+              }
   .article-section
     .article-section-heading
       | @mixin button-small