diff options
Diffstat (limited to 'assets/stylesheets/bootstrap/_buttons.scss')
-rw-r--r-- | assets/stylesheets/bootstrap/_buttons.scss | 25 |
1 files changed, 18 insertions, 7 deletions
diff --git a/assets/stylesheets/bootstrap/_buttons.scss b/assets/stylesheets/bootstrap/_buttons.scss index 16a478e..3a5f5ee 100644 --- a/assets/stylesheets/bootstrap/_buttons.scss +++ b/assets/stylesheets/bootstrap/_buttons.scss @@ -11,31 +11,41 @@ white-space: nowrap; vertical-align: middle; user-select: none; - border: $input-btn-border-width solid transparent; - @include button-size($input-btn-padding-y, $input-btn-padding-x, $font-size-base, $input-btn-line-height, $btn-border-radius); + border: $btn-border-width solid transparent; + @include button-size($btn-padding-y, $btn-padding-x, $font-size-base, $btn-line-height, $btn-border-radius); @include transition($btn-transition); // Share hover and focus styles @include hover-focus { text-decoration: none; } + &:focus, &.focus { outline: 0; - box-shadow: $input-btn-focus-box-shadow; + box-shadow: $btn-focus-box-shadow; } // Disabled comes first so active can properly restyle &.disabled, &:disabled { - opacity: .65; + opacity: $btn-disabled-opacity; @include box-shadow(none); } + // Opinionated: add "hand" cursor to non-disabled .btn elements + &:not([disabled]):not(.disabled) { + cursor: pointer; + } + &:not([disabled]):not(.disabled):active, &:not([disabled]):not(.disabled).active { background-image: none; - @include box-shadow($input-btn-focus-box-shadow, $btn-active-box-shadow); + @include box-shadow($btn-active-box-shadow); + + &:focus { + @include box-shadow($btn-focus-box-shadow, $btn-active-box-shadow); + } } } @@ -86,6 +96,7 @@ fieldset[disabled] a.btn { &:focus, &.focus { + text-decoration: $link-hover-decoration; border-color: transparent; box-shadow: none; } @@ -104,11 +115,11 @@ fieldset[disabled] a.btn { // .btn-lg { - @include button-size($input-btn-padding-y-lg, $input-btn-padding-x-lg, $font-size-lg, $input-btn-line-height-lg, $btn-border-radius-lg); + @include button-size($btn-padding-y-lg, $btn-padding-x-lg, $font-size-lg, $btn-line-height-lg, $btn-border-radius-lg); } .btn-sm { - @include button-size($input-btn-padding-y-sm, $input-btn-padding-x-sm, $font-size-sm, $input-btn-line-height-sm, $btn-border-radius-sm); + @include button-size($btn-padding-y-sm, $btn-padding-x-sm, $font-size-sm, $btn-line-height-sm, $btn-border-radius-sm); } |