From e0a8e1b595dd5a636f49edce7c08b2fd12c1e452 Mon Sep 17 00:00:00 2001 From: nsfisis Date: Sat, 21 Jun 2025 15:03:29 +0900 Subject: feat(blog/nuldoc): implement pagination --- vhosts/blog/public/style.css | 51 ++++++++++++++++++++++++++++++++++++++++++++ 1 file changed, 51 insertions(+) (limited to 'vhosts/blog/public/style.css') diff --git a/vhosts/blog/public/style.css b/vhosts/blog/public/style.css index 06dc26e0..fda139d7 100644 --- a/vhosts/blog/public/style.css +++ b/vhosts/blog/public/style.css @@ -312,3 +312,54 @@ img { .footnotes { border-top: 1px solid #000; } + +.pagination { + display: flex; + justify-content: space-between; + align-items: center; + margin: 2rem 0; + padding: 1rem 0; + border-top: 1px solid #d1d1d1; + border-bottom: 1px solid #d1d1d1; +} + +.pagination-prev, +.pagination-next { + flex: 1; +} + +.pagination-prev { + text-align: left; +} + +.pagination-next { + text-align: right; +} + +.pagination-info { + flex: 0 0 auto; + text-align: center; + color: #000; + font-size: 0.9rem; +} + +.pagination a { + text-decoration: none; + color: #000; + padding: 0.5rem 1rem; + border: none; +} + +.pagination a:hover { + color: #666; +} + +@media screen and (max-width: 768px) { + .pagination { + font-size: 0.9rem; + } + + .pagination a { + padding: 0.5rem; + } +} -- cgit v1.2.3-70-g09d2