background: darken( $button-color, 5% );
border-color: darken( $button-color, 15% );
color: $text-color;
- box-shadow: inset 0 1px 0 lighten( $button-color, 10% ), 0 1px 0 rgba(0,0,0,.15);
+ box-shadow: inset 0 1px 0 lighten( $button-color, 10% );
+ }
+
+ &:focus {
+ box-shadow: inset 0 1px 0 lighten( $button-color, 10% ),
+ 0 0 0 1px #5b9dd9,
+ 0 0 2px 1px rgba( 30, 140, 190, .8 );
}
&:active {
background: darken( $button-color, 10% );
border-color: darken( $button-color, 15% );
color: $text-color;
- box-shadow: inset 0 2px 5px -3px rgba( 0, 0, 0, 0.5 );
+ box-shadow: inset 0 2px 5px -3px rgba( 0, 0, 0, 0.5 ),
+ 0 0 0 1px #5b9dd9,
+ 0 0 2px 1px rgba( 30, 140, 190, .8 );
}
&[disabled],