@mixin button($primary-color) {
background-color: $primary-color; border: 1px solid darken($primary-color, 5%); color: $white; &:focus { @include shadow($primary-color); } &:hover { background-color: darken($primary-color, 10%); border-color: darken($primary-color, 15%); } &:active { background-color: darken($primary-color, 20%); border-color: darken($primary-color, 35%); box-shadow: inset 0 2px 4px $box-shadow-color; }
}
@mixin button-size($padding-y, $padding-x, $font-size) {
padding: $padding-y $padding-x; font-size: $font-size;
}