kotovalexarian-likes-github
/
twbs--bootstrap
mirror of https://github.com/twbs/bootstrap.git
1
0
Fork 0
Code Releases Activity

Outline active focus (#25145) 

* 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,
.show > &.dropdown-toggle {
color: color-yiq($color-hover);
color: color-yiq($active-background);
background-color: $active-background;
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);
}
}
}