diff options
| author | Asur <asur@asurbernardo.com> | 2020-01-17 19:30:15 +0300 |
|---|---|---|
| committer | Asur <asur@asurbernardo.com> | 2020-01-17 19:30:15 +0300 |
| commit | 9de963e41d379e40d37737544a0d2c78b7559d17 (patch) | |
| tree | af21382fb4cf828d20955aad1d9212a788a11255 | |
| parent | efcf089cc8c798aeab1bda717204727b78ffb31e (diff) | |
Make pagination links buttons
| -rw-r--r-- | assets/theme.scss | 33 | ||||
| -rw-r--r-- | layouts/partials/page/pagination.html | 4 | ||||
| -rw-r--r-- | layouts/partials/shortcodes/product.html | 2 |
3 files changed, 19 insertions, 20 deletions
diff --git a/assets/theme.scss b/assets/theme.scss index c584863..4459a79 100644 --- a/assets/theme.scss +++ b/assets/theme.scss @@ -54,15 +54,9 @@ body { .main { min-height: 80vh; .pagination { - margin: 2em auto; + margin: 3em auto 2em auto; display: flex; justify-content: space-between; - a { - border-bottom: none; - &:hover { - color: $main-color; - } - } } } @@ -92,13 +86,27 @@ h4 { a { color: inherit; text-decoration:none; - border-bottom: 2px dashed #37474f; transition: background 0.3s; + border-bottom: 2px dashed #37474f; &:hover { border-color: $main-color; } } +.button { + padding: .5em 1em; + font-size: 1.2em; + text-align: center; + border: 1px solid black; + box-shadow: 7px 7px 0 0 #333; + &:hover { + color: $main-color; + border: 1px solid black; + transform: translate(4px, 4px); + box-shadow: 3px 3px 0 0 #333; + } +} + li { margin-top: 0.25em; } @@ -192,15 +200,6 @@ blockquote { } &__cta { margin-top: 1em; - padding: .5em; - font-size: 1.2em; - text-align: center; - border: 1px solid black; - box-shadow: 6px 7px 0 0 #333; - &:hover { - border: 1px solid black; - transform: translateY(-7px); - } } } diff --git a/layouts/partials/page/pagination.html b/layouts/partials/page/pagination.html index 563f3ba..0c70579 100644 --- a/layouts/partials/page/pagination.html +++ b/layouts/partials/page/pagination.html @@ -1,10 +1,10 @@ {{ if gt .Paginator.TotalPages 1 }} <nav class="pagination"> {{ if .Paginator.HasPrev }} - <a href="{{ trim .Paginator.Prev.URL "/" | absLangURL }}" data-rel="prefetch"><< {{ i18n "previous" }} </a> + <a class="button" role="button" href="{{ trim .Paginator.Prev.URL "/" | absLangURL }}" data-rel="prefetch"><< {{ i18n "previous" }} </a> {{ else }} <span></span> {{ end }} {{ if .Paginator.HasNext }} - <a href="{{ trim .Paginator.Next.URL "/" | absLangURL }}" data-rel="prefetch"> {{ i18n "next" }} >></a> + <a class="button" role="button" href="{{ trim .Paginator.Next.URL "/" | absLangURL }}" data-rel="prefetch"> {{ i18n "next" }} >></a> {{ else }} <span></span> {{ end }} </nav> {{ end }}
\ No newline at end of file diff --git a/layouts/partials/shortcodes/product.html b/layouts/partials/shortcodes/product.html index c3b96aa..a32f2e8 100644 --- a/layouts/partials/shortcodes/product.html +++ b/layouts/partials/shortcodes/product.html @@ -7,7 +7,7 @@ <div class="product__content"> <p class="product__title">{{ .title }}</p> <p class="product__description">{{ .description }}</p> - <a class="product__cta" + <a class="product__cta button" target="_blank" rel="nofollow noopener noreferrer" href="{{ .link | absURL }}" role="button">{{ .cta }}</a> |