diff options
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'; |