commit ea00f7ffcec9d90b308f71863812507e74c7c31f parent a2d2c860ab0cf2da658f971d7094b786de6ca618 Author: Hugo Soucy <hugo@soucy.cc> Date: Thu, 17 Mar 2022 15:47:30 -0400 Add a style sheet for pagination Diffstat:
A | src/css/modules/nav-pagination.css | | | 27 | +++++++++++++++++++++++++++ |
1 file changed, 27 insertions(+), 0 deletions(-)
diff --git a/src/css/modules/nav-pagination.css b/src/css/modules/nav-pagination.css @@ -0,0 +1,27 @@ +/* @module pagination navigation */ + +.nav-pagination ul { + display: flex; + justify-content: center; +} + +.nav-pagination a { + background: transparent; + display: inline-block; + line-height: 1; + padding: 0.5rem; +} + +.nav-pagination a:not([href]), +.nav-pagination [aria-current] { + color: inherit; +} + +.nav-pagination [aria-current] { + border: 1px solid; +} + +.nav-pagination__prev:not([href]), +.nav-pagination__next:not([href]) { + opacity: 0.25; +}