diff options
Diffstat (limited to 'styles/_sass/components/pagination.sass')
-rw-r--r-- | styles/_sass/components/pagination.sass | 26 |
1 files changed, 16 insertions, 10 deletions
diff --git a/styles/_sass/components/pagination.sass b/styles/_sass/components/pagination.sass index 9b8fd03..822c2e8 100644 --- a/styles/_sass/components/pagination.sass +++ b/styles/_sass/components/pagination.sass @@ -1,8 +1,13 @@ -$pagination-color: $grey-darker !default -$pagination-border-color: $grey-lighter !default +$pagination-color: $text-strong !default +$pagination-border-color: $border !default $pagination-margin: -0.25rem !default $pagination-min-width: $control-height !default +$pagination-item-font-size: 1em !default +$pagination-item-margin: 0.25rem !default +$pagination-item-padding-left: 0.5em !default +$pagination-item-padding-right: 0.5em !default + $pagination-hover-color: $link-hover !default $pagination-hover-border-color: $link-hover-border !default @@ -12,9 +17,9 @@ $pagination-focus-border-color: $link-focus-border !default $pagination-active-color: $link-active !default $pagination-active-border-color: $link-active-border !default -$pagination-disabled-color: $grey !default -$pagination-disabled-background-color: $grey-lighter !default -$pagination-disabled-border-color: $grey-lighter !default +$pagination-disabled-color: $text-light !default +$pagination-disabled-background-color: $border !default +$pagination-disabled-border-color: $border !default $pagination-current-color: $link-invert !default $pagination-current-background-color: $link !default @@ -22,9 +27,10 @@ $pagination-current-border-color: $link !default $pagination-ellipsis-color: $grey-light !default -$pagination-shadow-inset: inset 0 1px 2px rgba($black, 0.2) +$pagination-shadow-inset: inset 0 1px 2px rgba($scheme-invert, 0.2) .pagination + @extend %block font-size: $size-normal margin: $pagination-margin // Sizes @@ -56,11 +62,11 @@ $pagination-shadow-inset: inset 0 1px 2px rgba($black, 0.2) .pagination-ellipsis @extend %control @extend %unselectable - font-size: 1em - padding-left: 0.5em - padding-right: 0.5em + font-size: $pagination-item-font-size justify-content: center - margin: 0.25rem + margin: $pagination-item-margin + padding-left: $pagination-item-padding-left + padding-right: $pagination-item-padding-right text-align: center .pagination-previous, |