Merge branch 'TMS-1164' into stage

Author: eebbi

assets/styles/helpers/_button.scss

@@ -120,6 +120,7 @@ $button-transition-speed: $speed !default;
     &:focus,
     &.is-focused {
         text-decoration: underline !important;
+        color: currentColor;
 
         @extend .button-state-hover;
 
@@ -288,7 +289,7 @@ $button-transition-speed: $speed !default;
                 &,
                 &:active,
                 &.is-active {
-                    @include button_colors($btn-pair-primary, $btn-pair-primary-text-invert, transparent);
+                    // @include button_colors($btn-pair-primary, $btn-pair-primary-text-invert, transparent);
                     border-color: transparent !important;
                 }
 
@@ -300,7 +301,7 @@ $button-transition-speed: $speed !default;
                 &,
                 &:active,
                 &.is-active {
-                    @include button_colors($btn-pair-primary-invert, $btn-pair-primary-text, $btn-pair-primary-invert);
+                    // @include button_colors($btn-pair-primary-invert, $btn-pair-primary-text, $btn-pair-primary-invert);
                 }
 
                 &:hover,
@@ -316,7 +317,7 @@ $button-transition-speed: $speed !default;
                     &,
                     &:active,
                     &.is-active {
-                        @include button_colors(transparent, $btn-pair-primary-text-invert, $btn-pair-primary-text-invert);
+                        // @include button_colors(transparent, $btn-pair-primary-text-invert, $btn-pair-primary-text-invert);
                     }
 
                     &:hover,

assets/styles/helpers/_color.scss

@@ -95,6 +95,10 @@
                 fill: $color-invert !important;
             }
 
+            .button .icon {
+                fill: currentColor !important;
+            }
+
             a {
                 &:not(.pill):not(.button) {
                     &:not(:hover) {

assets/styles/ui-components/_pagination.scss

@@ -4,11 +4,11 @@ $pagination-item-color-hover: $pagination-item-color !default;
 $pagination-item-color-focus: $pagination-item-color !default;
 
 $pagination-item-background-color: $secondary !default;
-$pagination-item-background-color-hover: opacify($secondary-light, .75) !default;
-$pagination-item-background-color-focus: $secondary-light !default;
+$pagination-item-background-color-hover: $secondary !default;
+$pagination-item-background-color-focus: $secondary !default;
 $pagination-item-background-color-current: $primary !default;
-$pagination-item-background-color-current-hover: $primary-dark !default;
-$pagination-item-background-color-current-focus: $primary-dark !default;
+$pagination-item-background-color-current-hover: $primary !default;
+$pagination-item-background-color-current-focus: $primary !default;
 
 $pagination-item-hover-shadow-size: 0 4px 8px !default;
 $pagination-item-hover-shadow-color: rgba(0, 0, 0, .15) !default;