Add styling to active language in language switcher

2 files changed, 6 insertions, 1 deletions

diff --git a/templates/language_switcher.html b/templates/language_switcher.html
index 3968c73..512b409 100644
--- a/templates/language_switcher.html
+++ b/templates/language_switcher.html
@@ -3,7 +3,7 @@
     {%- set language_agnostic_path = current_path | default(value="/") | replace(from='/' ~ lang ~ '/', to = '/') | trim_start_matches(pat = '/') -%}
     {%- for tr in config.extra.translations %}
       {%- if tr.code == lang %}
-        <strong>{{ tr.name }}</strong>
+        <active>{{ tr.name }}</active>
       {%- else %}
           <a href="{{ get_url(path=language_agnostic_path, lang=tr.code) ~ "/" }}" hreflang="{{ tr.code }}">{{ tr.name }}</a>
       {%- endif %}
diff --git a/templates/style.css.html b/templates/style.css.html
index 267b13a..1cd23b6 100644
--- a/templates/style.css.html
+++ b/templates/style.css.html
@@ -47,6 +47,11 @@
     margin-right: 10px;
   }
 
+  nav active {
+  font-weight: bold;
+  margin-right: 10px;
+  }
+
   textarea {
     width: 100%;
     font-size: 1rem;