diff options
| author | Patrick H. Lauke <[email protected]> | 2016-02-15 11:50:10 +0000 |
|---|---|---|
| committer | Patrick H. Lauke <[email protected]> | 2016-02-15 12:58:16 +0000 |
| commit | 9b8a4bc6917962898eea27776afaedf4d9d8d41b (patch) | |
| tree | f3b5fcbbf610da5d59cccd7de42c3e59e3fc5b66 | |
| parent | 6ec9aa34a4b6d43b593b97f9b207410eff8f0152 (diff) | |
| download | bootstrap-9b8a4bc6917962898eea27776afaedf4d9d8d41b.tar.xz bootstrap-9b8a4bc6917962898eea27776afaedf4d9d8d41b.zip | |
Add extra styles for focused/hovered active outline buttons
| -rw-r--r-- | scss/mixins/_buttons.scss | 24 |
1 files changed, 19 insertions, 5 deletions
diff --git a/scss/mixins/_buttons.scss b/scss/mixins/_buttons.scss index 861d353e2..5196ab65e 100644 --- a/scss/mixins/_buttons.scss +++ b/scss/mixins/_buttons.scss @@ -64,19 +64,33 @@ background-color: transparent; border-color: $color; + @include hover { + color: #fff; + background-color: $color; + border-color: $color; + } + &:focus, - &.focus, - &:active, - &.active, - .open > &.dropdown-toggle { + &.focus { color: #fff; background-color: $color; border-color: $color; } - @include hover { + + &:active, + &.active, + .open > &.dropdown-toggle { color: #fff; background-color: $color; border-color: $color; + + &:hover, + &:focus, + &.focus { + color: #fff; + background-color: darken($color, 17%); + border-color: darken($color, 25%); + } } &.disabled, |