1
0
mirror of https://github.com/twbs/bootstrap.git synced 2025-08-28 15:50:01 +02:00

really fix those outline buttons

This commit is contained in:
Mark Otto
2015-08-09 23:45:36 -07:00
parent eaeee93fa3
commit 743717fbce
11 changed files with 465 additions and 19 deletions

View File

@@ -54,6 +54,40 @@
}
}
@mixin button-outline-variant($color) {
color: $color;
background-image: none;
background-color: $body-bg;
border-color: $color;
&:focus,
&.focus,
&:active,
&.active,
.open > &.dropdown-toggle {
color: #fff;
background-color: $color;
border-color: $color;
}
@include hover {
color: #fff;
background-color: $color;
border-color: $color;
}
&.disabled,
&:disabled,
fieldset[disabled] & {
&:focus,
&.focus {
border-color: lighten($color, 20%);
}
@include hover {
border-color: lighten($color, 20%);
}
}
}
// Button sizes
@mixin button-size($padding-vertical, $padding-horizontal, $font-size, $line-height, $border-radius) {
padding: $padding-vertical $padding-horizontal;