diff options
| -rw-r--r-- | scss/_pagination.scss | 3 | ||||
| -rw-r--r-- | scss/_variables.scss | 3 |
2 files changed, 6 insertions, 0 deletions
diff --git a/scss/_pagination.scss b/scss/_pagination.scss index 40b100b18..819f6d1eb 100644 --- a/scss/_pagination.scss +++ b/scss/_pagination.scss @@ -10,6 +10,7 @@ text-decoration: if($link-decoration == none, null, none); background-color: $pagination-bg; border: $pagination-border-width solid $pagination-border-color; + @include transition($pagination-transition); &:hover { z-index: 2; @@ -21,6 +22,8 @@ &:focus { z-index: 3; + color: $pagination-focus-color; + background-color: $pagination-focus-bg; outline: $pagination-focus-outline; box-shadow: $pagination-focus-box-shadow; } diff --git a/scss/_variables.scss b/scss/_variables.scss index 9e2af089f..8ac8b143b 100644 --- a/scss/_variables.scss +++ b/scss/_variables.scss @@ -954,6 +954,8 @@ $pagination-border-radius: $border-radius !default; $pagination-margin-left: -$pagination-border-width !default; $pagination-border-color: $gray-300 !default; +$pagination-focus-color: $link-hover-color !default; +$pagination-focus-bg: $gray-200 !default; $pagination-focus-box-shadow: $input-btn-focus-box-shadow !default; $pagination-focus-outline: 0 !default; @@ -969,6 +971,7 @@ $pagination-disabled-color: $gray-600 !default; $pagination-disabled-bg: $white !default; $pagination-disabled-border-color: $gray-300 !default; +$pagination-transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out !default; // Cards |