From 017e3d14dfcebf78e939d9dcf7368de3f8afd5ab Mon Sep 17 00:00:00 2001
From: Matt-Yorkley <9029026+Matt-Yorkley@users.noreply.github.com>
Date: Tue, 2 Oct 2018 11:10:21 +0100
Subject: [PATCH] Use variable colour assignment

---
 app/assets/stylesheets/admin/components/pagination.scss | 2 +-
 app/assets/stylesheets/admin/variables.css.scss         | 2 ++
 2 files changed, 3 insertions(+), 1 deletion(-)

diff --git a/app/assets/stylesheets/admin/components/pagination.scss b/app/assets/stylesheets/admin/components/pagination.scss
index fd3705a6fd..05cbf34ca7 100644
--- a/app/assets/stylesheets/admin/components/pagination.scss
+++ b/app/assets/stylesheets/admin/components/pagination.scss
@@ -13,7 +13,7 @@
     }
 
     &.disabled {
-      background-color: #ccc;
+      background-color: $disabled_button;
       cursor: default;
     }
   }
diff --git a/app/assets/stylesheets/admin/variables.css.scss b/app/assets/stylesheets/admin/variables.css.scss
index f8c12e0d4d..162ad93c6c 100644
--- a/app/assets/stylesheets/admin/variables.css.scss
+++ b/app/assets/stylesheets/admin/variables.css.scss
@@ -8,8 +8,10 @@ $warning-red: #da5354;
 $warning-orange: #da7f52;
 $medium-grey: #919191;
 $pale-blue: #cee1f4;
+$light-grey: #ccc;
 
 $admin-table-border: $pale-blue;
 
 $modal-close-button-color: #de6060;
 $modal-close-button-hover-color: #bf4545;
+$disabled-button: $light-grey;