diff options
| author | Fabien CASTERS <fabien@vaga.io> | 2019-03-04 22:59:18 +0300 |
|---|---|---|
| committer | Fabien <vaga@users.noreply.github.com> | 2019-03-04 23:21:23 +0300 |
| commit | 386c375ab9990326eb7b0454cf09090686f8eba3 (patch) | |
| tree | 1bc6c97d979763f7844bff616872e85f55f1341b /assets | |
| parent | 6377a1c909140bd120d94391a00cf7e5bda3409d (diff) | |
Add pagination
Diffstat (limited to 'assets')
| -rw-r--r-- | assets/css/components/_pagination.scss | 24 | ||||
| -rw-r--r-- | assets/css/main.scss | 3 |
2 files changed, 26 insertions, 1 deletions
diff --git a/assets/css/components/_pagination.scss b/assets/css/components/_pagination.scss new file mode 100644 index 0000000..cc0d8a1 --- /dev/null +++ b/assets/css/components/_pagination.scss @@ -0,0 +1,24 @@ +.pagination { + display: block; + list-style: none; + padding: 0; + font-size: 0.8em; + text-align: center; + margin: 3em 0; +} + +.page-item { + display: inline-block; + .page-link { + display: block; + padding: 0.285em 0.8em; + } + + &.active { + .page-link { + color: $lightest-color; + border-radius: 2em; + background: $primary-color; + } + } +} diff --git a/assets/css/main.scss b/assets/css/main.scss index 8635974..55ea2f8 100644 --- a/assets/css/main.scss +++ b/assets/css/main.scss @@ -8,7 +8,8 @@ $primary-color: {{ .Site.Params.style.primaryColor | default "#57cc8a" }}; @import 'components/app'; @import 'components/icon'; -@import 'components/tag'; +@import 'components/pagination'; @import 'components/post'; @import 'components/posts_list'; +@import 'components/tag'; |