Edit File by line

[0] Fix | Delete

* Button mixin- creates a button effect with correct

[1] Fix | Delete

* highlights/shadows, based on a base color.

[2] Fix | Delete

[3] Fix | Delete

@mixin button( $button-color, $button-text-color: #fff ) {

[4] Fix | Delete

background: $button-color;

[5] Fix | Delete

border-color: $button-color;

[6] Fix | Delete

color: $button-text-color;

[7] Fix | Delete

[8] Fix | Delete

&:hover,

[9] Fix | Delete

&:focus {

[10] Fix | Delete

background: lighten( $button-color, 3% );

[11] Fix | Delete

border-color: darken( $button-color, 3% );

[12] Fix | Delete

color: $button-text-color;

[13] Fix | Delete

}

[14] Fix | Delete

[15] Fix | Delete

&:focus {

[16] Fix | Delete

box-shadow:

[17] Fix | Delete

0 0 0 1px #fff,

[18] Fix | Delete

0 0 0 3px $button-color;

[19] Fix | Delete

}

[20] Fix | Delete

[21] Fix | Delete

&:active {

[22] Fix | Delete

background: darken( $button-color, 5% );

[23] Fix | Delete

border-color: darken( $button-color, 5% );

[24] Fix | Delete

color: $button-text-color;

[25] Fix | Delete

}

[26] Fix | Delete

[27] Fix | Delete

&.active,

[28] Fix | Delete

&.active:focus,

[29] Fix | Delete

&.active:hover {

[30] Fix | Delete

background: $button-color;

[31] Fix | Delete

color: $button-text-color;

[32] Fix | Delete

border-color: darken( $button-color, 15% );

[33] Fix | Delete

box-shadow: inset 0 2px 5px -3px darken( $button-color, 50% );

[34] Fix | Delete

}

[35] Fix | Delete

}

[36] Fix | Delete

[37] Fix | Delete