diff --git a/assets/sass/_theme/_configuration.sass b/assets/sass/_theme/_configuration.sass index 999bd8b8ce1db09b83fb7631fd39a44efc2c19c6..aa78d941665a168596121a8331bd92058c9f2da9 100644 --- a/assets/sass/_theme/_configuration.sass +++ b/assets/sass/_theme/_configuration.sass @@ -47,6 +47,8 @@ $spacing-7: space(64) // 256px // $spacing4: space(32) --> $spacing-6 // $spacing5: space(64) --> $spacing-7 +$minimum-accessible-size: 44px + // TYPOGRAPHY // Fonts family diff --git a/assets/sass/_theme/design-system/pagination.sass b/assets/sass/_theme/design-system/pagination.sass index 5ba967bda2a3f7f21271316fd7ac28184f039c11..e207ed9c9701da888d9610844d7627a1490e567a 100644 --- a/assets/sass/_theme/design-system/pagination.sass +++ b/assets/sass/_theme/design-system/pagination.sass @@ -16,6 +16,9 @@ padding: 0 $spacing-2 text-decoration: none transition: background-color .15s ease-in-out + min-width: $minimum-accessible-size + min-height: $minimum-accessible-size + text-align: center &.active color: var(--color-accent) &.disabled @@ -44,10 +47,6 @@ a padding-left: 0 padding-right: 0 - margin-left: calc(#{$spacing-1} * -1) - margin-right: calc(#{$spacing-1} * -1) - - .posts-navigation, .siblings-navigation border-top: 1px solid var(--color-border) diff --git a/layouts/partials/commons/pagination.html b/layouts/partials/commons/pagination.html index 8769cb92df6e931c4cf8f73d0a58a621b134f5a1..8bfc1e658433d32e45cd87c20ed1509fd19b1ad7 100644 --- a/layouts/partials/commons/pagination.html +++ b/layouts/partials/commons/pagination.html @@ -1,7 +1,7 @@ {{- $paginator := .Paginator -}} <!-- Number of links either side of the current page. --> -{{- $adjacent_links := 2 -}} +{{- $adjacent_links := 1 -}} <!-- $max_links = ($adjacent_links * 2) + 1 --> {{- $max_links := (add (mul $adjacent_links 2) 1) -}}