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 6e75da1fb69ae1d41edc7d67a2bf9e3246b27996..aec81ae50ed965275a81c0f2e54e8689b7ba0008 100644 (file)
--- 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,