diff options
Diffstat (limited to 'assets/scss/_pagination.scss')
-rw-r--r-- | assets/scss/_pagination.scss | 37 |
1 files changed, 37 insertions, 0 deletions
diff --git a/assets/scss/_pagination.scss b/assets/scss/_pagination.scss new file mode 100644 index 0000000..92a77b1 --- /dev/null +++ b/assets/scss/_pagination.scss @@ -0,0 +1,37 @@ +.pagination { + margin-top: 3rem; + display: flex; + justify-content: space-between; + align-items: center; + &__item { + width: 48px; + height: 48px; + &:not(:last-of-type) { + margin-right: 1rem; + } + } + &__pagenums { + flex: 1 1 auto; + display: flex; + justify-content: center; + align-items: center; + } + &__link { + border: 1px solid var(--color-border); + background: var(--color-card-bg); + display:flex; + justify-content: center; + align-items: center; + width: 100%; + height: 100%; + box-shadow: 5px 5px var(--color-boxshadow); + transition-property: box-shadow, transform; + transition-duration: 0.2s, 0.3s; + transition-timing-function: ease; + + &:hover { + transform: translate(4px, 4px); + box-shadow: 1px 1px var(--color-boxshadow); + } + } +} |