diff options
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; +} + |
