From 9729848e9887b2f146eb477a261d632e2d8d4705 Mon Sep 17 00:00:00 2001 From: Anhgelus Morhtuuzh Date: Tue, 30 Sep 2025 11:57:48 +0200 Subject: feat(design): pagination for home page --- design/style.css | 15 +++++++++++---- 1 file changed, 11 insertions(+), 4 deletions(-) (limited to 'design/style.css') diff --git a/design/style.css b/design/style.css index e37624b..0554e27 100644 --- a/design/style.css +++ b/design/style.css @@ -7,9 +7,9 @@ --font-size-tiny: 0.85rem; /* quote, legend, code */ - --width-content: 700px; - --width-deco: 900px; - --height-header: 8rem; + --width-content: 700px; /* main, article */ + --width-deco: 900px; /* header, footer, large image */ + --height-header: 8rem; /* header, footer, introduction */ --margin-base: 1.5rem; --margin-header: calc(var(--height-header) / 2); @@ -129,7 +129,7 @@ figure { & img { max-height: max(60vh, 400px); - &.larger { + &.large { --max-width: var(--width-deco); --width: min(calc(100vw - 4rem), var(--max-width)); margin-left: max(-15%, calc((100% - var(--width))/2)); @@ -235,3 +235,10 @@ article article { margin-bottom: 0; } } + +.pagination { + display: flex; + flex-direction: row; + justify-content: center; + gap: var(--margin-base); +} -- cgit v1.2.3