Generated by SassMeister.com.

SassMeister-input-HTML.html

<button>test Bourbon</button>

SassMeister-input.scss

// ----
// Sass (v3.4.12)
// Compass (v1.0.3)
// Bourbon (v4.2.0)
// ----

@import "bourbon/bourbon";
* {
    font-family: $helvetica;
}

button {
    @include button(pill, green);
}

SassMeister-output.css

* {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

button {
  border: 1px solid #082c08;
  border-color: #082c08 #021303 black;
  border-radius: 16px;
  box-shadow: inset 0 1px 0 0 #04a301, 0 1px 2px 0 #b3b3b3;
  color: white;
  display: inline-block;
  font-size: 11px;
  font-weight: normal;
  line-height: 1;
  background-color: green;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, green), color-stop(100%, #004d0a));
  background-image: -webkit-linear-gradient(green, #004d0a);
  background-image: linear-gradient(green, #004d0a);
  padding: 5px 16px;
  text-align: center;
  text-decoration: none;
  text-shadow: 0 -1px 1px #052f08;
  background-clip: padding-box;
}
button:hover:not(:disabled) {
  border: 1px solid #021302;
  border-color: #021302 black black;
  box-shadow: inset 0 1px 0 0 #018f01;
  cursor: pointer;
  background-color: #006900;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #006900), color-stop(100%, #013007));
  background-image: -webkit-linear-gradient(#006900, #013007);
  background-image: linear-gradient(#006900, #013007);
  text-shadow: 0 -1px 1px #000f02;
  background-clip: padding-box;
}
button:active:not(:disabled) {
  background: #054809;
  border: 1px solid black;
  border-bottom: 1px solid black;
  box-shadow: inset 0 0 6px 3px #001203, 0 1px 0 0 #fff;
  text-shadow: 0 -1px 1px #011102;
}
button:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

SassMeister-rendered.html

<button>test Bourbon</button>