rooty/Bootstrap
0
0
Fork 0
mirror of https://github.com/twbs/bootstrap.git synced 2025-01-17 09:52:29 +01:00
Code Issues Actions Packages Releases Activity

Add extra styles for focused/hovered active outline buttons

Browse Source
This commit is contained in:
Patrick H. Lauke 2016-02-15 11:50:10 +00:00
parent 6ec9aa34a4
commit 9b8a4bc691
1 changed files with 20 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

26
scss/mixins/_buttons.scss
View File

@ -64,19 +64,33 @@
background-color: transparent; background-color: transparent;
border-color: $color; border-color: $color;
@include hover {
color: #fff;
background-color: $color;
border-color: $color;
}
&:focus, &:focus,
&.focus, &.focus {
color: #fff;
background-color: $color;
border-color: $color;
}
&:active, &:active,
&.active, &.active,
.open > &.dropdown-toggle { .open > &.dropdown-toggle {
color: #fff; color: #fff;
background-color: $color; background-color: $color;
border-color: $color; border-color: $color;
}
@include hover { &:hover,
color: #fff; &:focus,
background-color: $color; &.focus {
border-color: $color; color: #fff;
background-color: darken($color, 17%);
border-color: darken($color, 25%);
}
} }
&.disabled, &.disabled,