<div class="btn_success">success</div>
<div class="btn_alert">alert</div>
<div class="btn_cancel">cancel</div>
%btn {
  width: 100px;
  text-align: center;
  padding: 5px 0;
  margin: 2px auto;
  border-radius: 2px;
  color: #FFFFFF;
}

.btn_success {
  @extend %btn;
  background-color: #108EFF;
}
.btn_alert {
  @extend %btn;
  background-color: #FF8516;
}
.btn_cancel {
  @extend %btn;
  background-color: #D61E20;
}

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.