fix(component): pagination

hover & active states
Orange-OpenSource · Oct 27, 2016 · 53ede33 · 53ede33
1 parent e94fa4a
commit 53ede33
Showing 1 changed file with 26 additions and 0 deletions.
diff --git a/scss/_o-pagination.scss b/scss/_o-pagination.scss
@@ -104,9 +104,35 @@
     padding: 0;
     border: solid 2px #000;
 
+    @include hover {
+      color: #fff;
+      background-color: #000;
+
+      &:active {
+        background-color: $brand-primary;
+      }
+
+      &.prev::before {
+        background-image: #{$pagination-icon-prev-active};
+      }
+
+      &.next::before {
+        background-image: #{$pagination-icon-next-active};
+      }
+    }
+
     &.disabled {
       @include hover {
         cursor: $cursor-disabled;
+        color: $gray-lighter-o;
+        background-color: #fff;
+        border-color: $gray-lighter-o;
+
+        &:active {
+          color: $gray-lighter-o;
+          background-color: #fff;
+          border-color: $gray-lighter-o;
+        }
       }
 
       &:active {