rooty/Bootstrap
0
0
Fork 0
mirror of https://github.com/twbs/bootstrap.git synced 2025-02-06 04:08:22 +01:00
Code Issues Actions Packages Releases Activity

Merge pull request #18823 from twbs/btn-active-box-shadow

Browse Source 
Extract $btn-active-box-shadow variable & refactor accordingly
This commit is contained in:
Chris Rebert 2016-01-09 15:41:29 -08:00
commit 64b9ad4d7f
4 changed files with 4 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
scss/_button-group.scss
View File

@ -115,7 +115,7 @@
// The clickable button for toggling the menu // The clickable button for toggling the menu
// Remove the gradient and set the same inset shadow as the :active state // Remove the gradient and set the same inset shadow as the :active state
.btn-group.open .dropdown-toggle { .btn-group.open .dropdown-toggle {
@include box-shadow(inset 0 3px 5px rgba(0,0,0,.125)); @include box-shadow($btn-active-box-shadow);
// Show no shadow for `.btn-link` since it has no other button styles. // Show no shadow for `.btn-link` since it has no other button styles.
&.btn-link { &.btn-link {

2
scss/_buttons.scss
View File

@ -34,7 +34,7 @@
&.active { &.active {
background-image: none; background-image: none;
outline: 0; outline: 0;
@include box-shadow(inset 0 3px 5px rgba(0,0,0,.125)); @include box-shadow($btn-active-box-shadow);
} }
&.disabled, &.disabled,

1
scss/_variables.scss
View File

@ -237,6 +237,7 @@ $table-border-color: $gray-lighter !default;
$btn-padding-x: 1rem !default; $btn-padding-x: 1rem !default;
$btn-padding-y: .375rem !default; $btn-padding-y: .375rem !default;
$btn-font-weight: normal !default; $btn-font-weight: normal !default;
$btn-active-box-shadow: inset 0 3px 5px rgba(0,0,0,.125) !default;
$btn-primary-color: #fff !default; $btn-primary-color: #fff !default;
$btn-primary-bg: $brand-primary !default; $btn-primary-bg: $brand-primary !default;

2
scss/mixins/_buttons.scss
View File

@ -33,7 +33,7 @@
border-color: $active-border; border-color: $active-border;
// Remove the gradient for the pressed/active state // Remove the gradient for the pressed/active state
background-image: none; background-image: none;
@include box-shadow(inset 0 3px 5px rgba(0,0,0,.125)); @include box-shadow($btn-active-box-shadow);
&:hover, &:hover,
&:focus, &:focus,