Replace disabled attr on pagination anchor elements with is-disabled class (#3296)

diff --git a/docs/documentation/components/pagination.html b/docs/documentation/components/pagination.html
index a285234f03870e800f25a17136759f088581879e..d297e08bce643053a7ec1c12821455012749ace5 100644 (file)
--- a/docs/documentation/components/pagination.html
+++ b/docs/documentation/components/pagination.html
@@ -46,7 +46,7 @@ meta:
 
 {% capture pagination_options_example %}
 <nav class="pagination" role="navigation" aria-label="pagination">
-  <a class="pagination-previous" title="This is the first page" disabled>Previous</a>
+  <a class="pagination-previous is-disabled" title="This is the first page">Previous</a>
   <a class="pagination-next">Next page</a>
   <ul class="pagination-list">
     <li>

diff --git a/sass/components/pagination.sass b/sass/components/pagination.sass
index ee5bb1b82c2cdb0e7443f2145adb77901ea471a8..950949d975b4b438e813f24056b5e80b9db83050 100644 (file)
--- a/sass/components/pagination.sass
+++ b/sass/components/pagination.sass
@@ -88,7 +88,8 @@ $pagination-shadow-inset: inset 0 1px 2px rgba($scheme-invert, 0.2) !default
     border-color: $pagination-focus-border-color
   &:active
     box-shadow: $pagination-shadow-inset
-  &[disabled]
+  &[disabled],
+  &.is-disabled
     background-color: $pagination-disabled-background-color
     border-color: $pagination-disabled-border-color
     box-shadow: none