mirror_css/bootstrap
1
0
Fork 0
mirror of https://github.com/twbs/bootstrap.git synced 2025-08-08 14:46:34 +02:00
Code Issues Releases Wiki Activity

Outline button hover color (#25339)

Browse Source
This commit is contained in:
Mark Otto
2018-01-17 15:45:25 -08:00
committed by XhmikosR
parent b1a754863e
commit a0936c326f
2 changed files with 3 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
scss/_buttons.scss
View File

@@ -68,11 +68,7 @@ fieldset:disabled a.btn {
@each $color, $value in $theme-colors { @each $color, $value in $theme-colors {
.btn-outline-#{$color} { .btn-outline-#{$color} {
@if $color == "light" { @include button-outline-variant($value);
@include button-outline-variant($value, $gray-900);
} @else {
@include button-outline-variant($value, $white);
}
} }
} }

4
scss/mixins/_buttons.scss
View File

@@ -54,14 +54,14 @@
} }
} }
@mixin button-outline-variant($color, $color-hover: #fff, $active-background: $color, $active-border: $color) { @mixin button-outline-variant($color, $color-hover: color-yiq($color), $active-background: $color, $active-border: $color) {
color: $color; color: $color;
background-color: transparent; background-color: transparent;
background-image: none; background-image: none;
border-color: $color; border-color: $color;
&:hover { &:hover {
color: color-yiq($color); color: $color-hover;
background-color: $active-background; background-color: $active-background;
border-color: $active-border; border-color: $active-border;
} }