rooty/Bootstrap
0
0
Fork 0
mirror of https://github.com/twbs/bootstrap.git synced 2025-01-17 09:52:29 +01:00
Code Issues Actions Packages Releases Activity

create a variable for the focus box-shadow, use it in the button base class

Browse Source 
also be sure to apply it for the active state when shadows are enabled
This commit is contained in:
Mark Otto 2016-12-27 14:45:57 -08:00 committed by Mark Otto
parent a9bee8b6c8
commit b449e6b65e
2 changed files with 3 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
scss/_buttons.scss
View File

@ -23,7 +23,7 @@
&:focus,
&.focus {
outline: 0;
box-shadow: 0 0 0 2px rgba($brand-primary, .25);
box-shadow: $btn-focus-box-shadow;
}
// Disabled comes first so active can properly restyle
@ -37,7 +37,7 @@
&:active,
&.active {
background-image: none;
@include box-shadow($btn-active-box-shadow);
@include box-shadow($btn-focus-box-shadow, $btn-active-box-shadow);
}
}

1
scss/_variables.scss
View File

@ -367,6 +367,7 @@ $btn-padding-y: .5rem !default;
$btn-line-height: 1.25 !default;
$btn-font-weight: $font-weight-normal !default;
$btn-box-shadow: inset 0 1px 0 rgba($white,.15), 0 1px 1px rgba($black,.075) !default;
$btn-focus-box-shadow: 0 0 0 2px rgba($brand-primary, .25) !default;
$btn-active-box-shadow: inset 0 3px 5px rgba($black,.125) !default;
$btn-primary-color: $white !default;