diff options
| author | Samarth Arora <[email protected]> | 2020-08-02 01:16:47 +0530 |
|---|---|---|
| committer | Mark Otto <[email protected]> | 2020-08-03 09:57:12 -0700 |
| commit | 5512dde203cc3719bac20fb59aa269b99986cfee (patch) | |
| tree | d157cbf3f66bd40322656dc59420b262603ba6b5 | |
| parent | 393efaf7956d52178057ed5f1823adc83999b76b (diff) | |
| download | bootstrap-5512dde203cc3719bac20fb59aa269b99986cfee.tar.xz bootstrap-5512dde203cc3719bac20fb59aa269b99986cfee.zip | |
Add transition to Pagination buttons just like other Bootstrap buttons
| -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 |