diff --git a/themes/intotheeast/css/style.css b/themes/intotheeast/css/style.css index 6e0d9da..2133f3f 100644 --- a/themes/intotheeast/css/style.css +++ b/themes/intotheeast/css/style.css @@ -246,6 +246,32 @@ body::after { background: var(--color-ink-muted); } +.strip-controls { + display: flex; + justify-content: center; + gap: var(--space-3); + margin-top: calc(-1 * var(--space-2)); + margin-bottom: var(--space-4); +} + +.strip-prev, +.strip-next { + background: transparent; + border: 1px solid var(--color-border); + color: var(--color-ink-2); + border-radius: var(--radius-sm); + padding: var(--space-1) var(--space-3); + font-size: var(--text-md); + line-height: 1; + cursor: pointer; +} + +.strip-prev:hover, +.strip-next:hover { + border-color: var(--color-accent); + color: var(--color-accent); +} + .journal-post-body { font-size: var(--text-base); line-height: var(--leading-normal); diff --git a/themes/intotheeast/templates/partials/base.html.twig b/themes/intotheeast/templates/partials/base.html.twig index 72dcd2e..372a20c 100644 --- a/themes/intotheeast/templates/partials/base.html.twig +++ b/themes/intotheeast/templates/partials/base.html.twig @@ -30,13 +30,42 @@