From 5512dde203cc3719bac20fb59aa269b99986cfee Mon Sep 17 00:00:00 2001
From: Samarth Arora <samartharora@Samarths-MacBook-Air.local>
Date: Sun, 2 Aug 2020 01:16:47 +0530
Subject: [PATCH] Add transition to Pagination buttons just like other
 Bootstrap buttons

---
 scss/_pagination.scss | 3 +++
 scss/_variables.scss  | 3 +++
 2 files changed, 6 insertions(+)

diff --git a/scss/_pagination.scss b/scss/_pagination.scss
index 40b100b189..819f6d1eb0 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 9e2af089fd..8ac8b143bf 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