From: Chris <c.coe.12@aberdeen.ac.uk>
Date: Wed, 20 May 2015 09:29:30 +0000 (+0100)
Subject: Add pointer-events: none; to unavailable pagination items
X-Git-Tag: v5.5.3~66^2
X-Git-Url: http://git.ipfire.org/gitweb/?a=commitdiff_plain;h=refs%2Fpull%2F6574%2Fhead;p=thirdparty%2Ffoundation%2Ffoundation-sites.git

Add pointer-events: none; to unavailable pagination items

Adding pointer-events: none; allows modern browsers to ignore clicks on unavailable elements.

Unavailable items look like they shouldn't be clickable, so they shouldn't be.
---

diff --git a/scss/foundation/components/_pagination.scss b/scss/foundation/components/_pagination.scss
index 6e75da1fb..aec81ae50 100644
--- a/scss/foundation/components/_pagination.scss
+++ b/scss/foundation/components/_pagination.scss
@@ -51,6 +51,7 @@ $pagination-link-current-active-bg: $primary-color !default;
   a, button {
     cursor: $pagination-link-unavailable-cursor;
     color: $pagination-link-unavailable-font-color;
+    pointer-events: none;
   }
   &:hover a,
   & a:focus,