From 228329f0e1bed8c30c36631cbcb586b84ca21c6e Mon Sep 17 00:00:00 2001 From: Joris Klein Tijssink Date: Wed, 16 Feb 2022 11:44:58 +0100 Subject: [PATCH] Add 'active' class to links that are active in menus --- assets/css/header.css | 5 +++++ layouts/partials/menu.html | 17 ++++++++++++----- static/assets/blue.css | 2 +- static/assets/green.css | 2 +- static/assets/pink.css | 2 +- static/assets/red.css | 2 +- static/assets/style.css | 2 +- 7 files changed, 22 insertions(+), 10 deletions(-) diff --git a/assets/css/header.css b/assets/css/header.css index cc8098f..986f1ba 100644 --- a/assets/css/header.css +++ b/assets/css/header.css @@ -49,6 +49,11 @@ --shadow: 0 10px var(--shadow-color), -10px 10px var(--shadow-color), 10px 10px var(--shadow-color); margin: 20px 1px; + a.active { + font-weight: bold; + text-decoration: none; + } + @media (--phone) { @mixin menu; top: 50px; diff --git a/layouts/partials/menu.html b/layouts/partials/menu.html index 17d39c8..800f8e5 100644 --- a/layouts/partials/menu.html +++ b/layouts/partials/menu.html @@ -1,9 +1,12 @@