From 038054b8206a9c25e84adeb0f0f355abd22d6143 Mon Sep 17 00:00:00 2001 From: Arne Rief Date: Mon, 22 Dec 2025 14:02:07 +0100 Subject: CSS & JS splitting, small fix section badge --- assets/css/navmenu.css | 26 ++++++++++++++++++++++++++ 1 file changed, 26 insertions(+) create mode 100644 assets/css/navmenu.css (limited to 'assets/css/navmenu.css') diff --git a/assets/css/navmenu.css b/assets/css/navmenu.css new file mode 100644 index 0000000..d092e6c --- /dev/null +++ b/assets/css/navmenu.css @@ -0,0 +1,26 @@ +/* SITE NAVMENU */ +.header__navigation { + background-color: var(--bg-special); + border-radius: var(--border-radius-default); + padding: var(--margin-padding-Y-small); +} + +.header__navigation-list { + display: flex; + align-items: center; + justify-content: space-evenly; + + @media (max-width: 768px) { + /* Grid items stretch to at least 100px or take up full width */ + display: grid; + grid-template-columns: repeat(auto-fit, minmax(100px, 1fr)); + justify-items: center; + gap: var(--gap-medium) var(--gap-small); + } +} + +.header__navigation-link--active { + color: var(--text-color); + text-decoration: none; +} + -- cgit v1.2.3