diff options
| author | Arne Rief <riearn@proton.me> | 2025-12-22 14:02:07 +0100 |
|---|---|---|
| committer | Arne Rief <riearn@proton.me> | 2025-12-22 14:02:07 +0100 |
| commit | 038054b8206a9c25e84adeb0f0f355abd22d6143 (patch) | |
| tree | 47700e52b88e0db08f0ca113de22f4c0d05cc405 /assets/css/navmenu.css | |
| parent | 32c1a5dd203435e8bef324306d1516e28ce14615 (diff) | |
CSS & JS splitting, small fix section badge
Diffstat (limited to 'assets/css/navmenu.css')
| -rw-r--r-- | assets/css/navmenu.css | 26 |
1 files changed, 26 insertions, 0 deletions
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; +} + |