rooty/Bootstrap
0
0
Fork 0
mirror of https://github.com/twbs/bootstrap.git synced 2024-11-29 11:24:18 +01:00
Code Issues Actions Packages Releases Activity

Outline active focus (#25145)

Browse Source 
* Base the outline button :active color on the background, fixing a contrast issue

* Only apply focus outline to active when it's focused
This commit is contained in:
Mark Otto 2017-12-30 20:55:35 -08:00 committed by GitHub
parent 5b8eaffc12
commit 43c551e97d
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 6 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
scss/mixins/_buttons.scss
View File

@ -79,11 +79,14 @@
&:not([disabled]):not(.disabled):active, &:not([disabled]):not(.disabled):active,
&:not([disabled]):not(.disabled).active, &:not([disabled]):not(.disabled).active,
.show > &.dropdown-toggle { .show > &.dropdown-toggle {
color: color-yiq($color-hover); color: color-yiq($active-background);
background-color: $active-background; background-color: $active-background;
border-color: $active-border; border-color: $active-border;
// Avoid using mixin so we can pass custom focus shadow properly
box-shadow: 0 0 0 $btn-focus-width rgba($color, .5); &:focus {
// Avoid using mixin so we can pass custom focus shadow properly
box-shadow: 0 0 0 $btn-focus-width rgba($color, .5);
}
} }
} }