diff --git a/scss/_buttons.scss b/scss/_buttons.scss index 2a7d94ad22..5a684a3ff0 100644 --- a/scss/_buttons.scss +++ b/scss/_buttons.scss @@ -76,11 +76,11 @@ fieldset:disabled a.btn { // Make a button look and behave like a link .btn-link { font-weight: $font-weight-normal; - color: $link-color; + color: $btn-link-color; text-decoration: $link-decoration; @include hover { - color: $link-hover-color; + color: $btn-link-hover-color; text-decoration: $link-hover-decoration; } diff --git a/scss/_variables.scss b/scss/_variables.scss index 49e86b5d87..48d82f67a3 100644 --- a/scss/_variables.scss +++ b/scss/_variables.scss @@ -431,6 +431,8 @@ $btn-focus-box-shadow: $input-btn-focus-box-shadow !default; $btn-disabled-opacity: .65 !default; $btn-active-box-shadow: inset 0 3px 5px rgba($black, .125) !default; +$btn-link-color: $link-color !default; +$btn-link-hover-color: $link-hover-color !default; $btn-link-disabled-color: $gray-600 !default; $btn-block-spacing-y: .5rem !default;