mirror_css/bootstrap
1
0
Fork 0
mirror of https://github.com/twbs/bootstrap.git synced 2025-08-09 15:16:51 +02:00
Code Issues Releases Wiki 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
Download Patch File Download Diff File Expand all files Collapse all files

4
scss/_buttons.scss
View File

@@ -23,7 +23,7 @@
&:focus, &:focus,
&.focus { &.focus {
outline: 0; 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 // Disabled comes first so active can properly restyle
@@ -37,7 +37,7 @@
&:active, &:active,
&.active { &.active {
background-image: none; 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-line-height: 1.25 !default;
$btn-font-weight: $font-weight-normal !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-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-active-box-shadow: inset 0 3px 5px rgba($black,.125) !default;
$btn-primary-color: $white !default; $btn-primary-color: $white !default;