diff --git a/sass/ascribe_footer.scss b/sass/ascribe_footer.scss index 173839bd..85f3439d 100644 --- a/sass/ascribe_footer.scss +++ b/sass/ascribe_footer.scss @@ -1,6 +1,7 @@ .ascribe-footer { text-align: center; + margin-top: 5em; hr { background-color: rgba(0, 0, 0, 0); diff --git a/sass/whitelabel/prize/sluice/sluice_custom_style.scss b/sass/whitelabel/prize/sluice/sluice_custom_style.scss index f9814d9b..e2ceeeb3 100644 --- a/sass/whitelabel/prize/sluice/sluice_custom_style.scss +++ b/sass/whitelabel/prize/sluice/sluice_custom_style.scss @@ -186,14 +186,17 @@ $sluice--button-color: $sluice--nav-fg-prim-color; background-color: $sluice--button-color; border-color: $sluice--button-color; + &:hover, + &:active, + &:focus, &:active:hover, &:active:focus, &:active.focus, &.active:hover, &.active:focus, &.active.focus { - background-color: darken($sluice--button-color, 20%); - border-color: darken($sluice--button-color, 20%); + background-color: lighten($sluice--button-color, 20%); + border-color: lighten($sluice--button-color, 20%); } } @@ -209,6 +212,12 @@ $sluice--button-color: $sluice--nav-fg-prim-color; background-color: $sluice--button-color; border-color: $sluice--button-color; } + + .pager li.disabled > a, + .pager li.disabled > span { + background-color: $sluice--button-color !important; + border-color: $sluice--button-color; + } } // spinner! diff --git a/sass/whitelabel/wallet/cc/cc_custom_style.scss b/sass/whitelabel/wallet/cc/cc_custom_style.scss index 0c3fd0ba..238937e7 100644 --- a/sass/whitelabel/wallet/cc/cc_custom_style.scss +++ b/sass/whitelabel/wallet/cc/cc_custom_style.scss @@ -138,14 +138,17 @@ $cc--button-color: $cc--nav-fg-prim-color; background-color: $cc--button-color; border-color: $cc--button-color; + &:hover, + &:active, + &:focus, &:active:hover, &:active:focus, &:active.focus, &.active:hover, &.active:focus, &.active.focus { - background-color: darken($cc--button-color, 20%); - border-color: darken($cc--button-color, 20%); + background-color: lighten($cc--button-color, 20%); + border-color: lighten($cc--button-color, 20%); } } @@ -157,10 +160,17 @@ $cc--button-color: $cc--nav-fg-prim-color; border-color: darken($cc--button-color, 20%); } - .pager li > a, .pager li > span { + .pager li > a, + .pager li > span { background-color: $cc--button-color; border-color: $cc--button-color; } + + .pager li.disabled > a, + .pager li.disabled > span { + background-color: $cc--button-color !important; + border-color: $cc--button-color; + } } // spinner! diff --git a/sass/whitelabel/wallet/cyland/cyland_custom_style.scss b/sass/whitelabel/wallet/cyland/cyland_custom_style.scss index c5fd1e50..c33e247b 100644 --- a/sass/whitelabel/wallet/cyland/cyland_custom_style.scss +++ b/sass/whitelabel/wallet/cyland/cyland_custom_style.scss @@ -115,14 +115,17 @@ $cyland--button-color: $cyland--nav-fg-prim-color; background-color: $cyland--button-color; border-color: $cyland--button-color; + &:hover, + &:active, + &:focus, &:active:hover, &:active:focus, &:active.focus, &.active:hover, &.active:focus, &.active.focus { - background-color: darken($cyland--button-color, 20%); - border-color: darken($cyland--button-color, 20%); + background-color: lighten($cyland--button-color, 20%); + border-color: lighten($cyland--button-color, 20%); } } @@ -138,6 +141,11 @@ $cyland--button-color: $cyland--nav-fg-prim-color; background-color: $cyland--button-color; border-color: $cyland--button-color; } + .pager li.disabled > a, + .pager li.disabled > span { + background-color: $cyland--button-color !important; + border-color: $cyland--button-color; + } } // spinner! diff --git a/sass/whitelabel/wallet/ikonotv/ikonotv_custom_style.scss b/sass/whitelabel/wallet/ikonotv/ikonotv_custom_style.scss index 0cf45a3b..5fc9220b 100644 --- a/sass/whitelabel/wallet/ikonotv/ikonotv_custom_style.scss +++ b/sass/whitelabel/wallet/ikonotv/ikonotv_custom_style.scss @@ -397,14 +397,17 @@ $ikono--font: 'Helvetica Neue', 'Helvetica', sans-serif !important; background-color: $ikono--button-color; border-color: $ikono--button-color; + &:hover, + &:active, + &:focus, &:active:hover, &:active:focus, &:active.focus, &.active:hover, &.active:focus, &.active.focus { - background-color: darken($ikono--button-color, 20%); - border-color: darken($ikono--button-color, 20%); + background-color: lighten($ikono--button-color, 20%); + border-color: lighten($ikono--button-color, 20%); } } @@ -420,6 +423,12 @@ $ikono--font: 'Helvetica Neue', 'Helvetica', sans-serif !important; background-color: $ikono--button-color; border-color: $ikono--button-color; } + + .pager li.disabled > a, + .pager li.disabled > span { + background-color: $ikono--button-color !important; + border-color: $ikono--button-color; + } } // inputs!