diff options
| author | ysds <[email protected]> | 2017-10-23 12:50:26 +0900 |
|---|---|---|
| committer | XhmikosR <[email protected]> | 2018-11-04 20:58:00 +0200 |
| commit | 4a1090ac48bf0d7a0549d21ec5d3af83f13c0d47 (patch) | |
| tree | fc3f8628faebd5db345d1dbc00cb85b6579dc1ff | |
| parent | e0eb39f5192303055fe48b5ffe38c8268533f4d1 (diff) | |
| download | bootstrap-4a1090ac48bf0d7a0549d21ec5d3af83f13c0d47.tar.xz bootstrap-4a1090ac48bf0d7a0549d21ec5d3af83f13c0d47.zip | |
Ligthen/Darken Button focus shadow color
| -rw-r--r-- | scss/mixins/_buttons.scss | 8 |
1 files changed, 4 insertions, 4 deletions
diff --git a/scss/mixins/_buttons.scss b/scss/mixins/_buttons.scss index e356c7928..3e1e2c09d 100644 --- a/scss/mixins/_buttons.scss +++ b/scss/mixins/_buttons.scss @@ -19,9 +19,9 @@ &.focus { // Avoid using mixin so we can pass custom focus shadow properly @if $enable-shadows { - box-shadow: $btn-box-shadow, 0 0 0 $btn-focus-width rgba($border, .5); + box-shadow: $btn-box-shadow, 0 0 0 $btn-focus-width rgba(mix(color-yiq($background), $border, 15%), .5); } @else { - box-shadow: 0 0 0 $btn-focus-width rgba($border, .5); + box-shadow: 0 0 0 $btn-focus-width rgba(mix(color-yiq($background), $border, 15%), .5); } } @@ -50,9 +50,9 @@ &:focus { // Avoid using mixin so we can pass custom focus shadow properly @if $enable-shadows { - box-shadow: $btn-active-box-shadow, 0 0 0 $btn-focus-width rgba($border, .5); + box-shadow: $btn-active-box-shadow, 0 0 0 $btn-focus-width rgba(mix(color-yiq($background), $border, 15%), .5); } @else { - box-shadow: 0 0 0 $btn-focus-width rgba($border, .5); + box-shadow: 0 0 0 $btn-focus-width rgba(mix(color-yiq($background), $border, 15%), .5); } } } |