Highlight active profile section.

assets/less/profile/header.less

@@ -200,11 +200,6 @@
 
         &--link {
             cursor: pointer;
-
-            &:hover,
-            &:focus {
-                border-bottom: 2px solid var(--accent-colour);
-            }
         }
 
         @media (max-width: @site-mobile-width) {
@@ -212,6 +207,13 @@
                 text-align: right;
             }
         }
+
+        &--link:hover,
+        &--link:focus,
+        &--link:active,
+        &--active {
+            border-bottom: 2px solid var(--accent-colour);
+        }
     }
 
     &__username {

templates/profile/_layout/header.twig

@@ -88,11 +88,12 @@
                     {% if stat.value|default(false) %}
                         {% set is_date = stat.is_date|default(false) %}
                         {% set is_url = stat.url is defined %}
+                        {% set active_class = stat.active|default(false) ? ' profile__header__stat--active' : '' %}
 
                         {% if is_url %}
-                            <a class="profile__header__stat profile__header__stat--link" href="{{ stat.url }}">
+                            <a class="profile__header__stat profile__header__stat--link{{ active_class }}" href="{{ stat.url }}">
                         {% else %}
-                            <div class="profile__header__stat{% if is_date %} profile__header__stat--date" title="{{ stat.value|date('r') }}{% endif %}">
+                            <div class="profile__header__stat{{ active_class }}{% if is_date %} profile__header__stat--date" title="{{ stat.value|date('r') }}{% endif %}">
                         {% endif %}
                             <div class="profile__header__stat__name">
                                 {{ stat.title }}

templates/profile/master.twig

@@ -17,21 +17,25 @@
         'title': 'Following',
         'value': profile.following_count,
         'url': url('user-profile-following', {'user': profile.user_id}),
+        'active': profile_mode == 'following',
     },
     {
         'title': 'Followers',
         'value': profile.followers_count,
         'url': url('user-profile-followers', {'user': profile.user_id}),
+        'active': profile_mode == 'followers',
     },
     {
         'title': 'Topics',
         'value': profile.forum_topic_count,
         'url': url('user-profile-forum-topics', {'user': profile.user_id}),
+        'active': profile_mode == 'forum-topics',
     },
     {
         'title': 'Posts',
         'value': profile.forum_post_count,
         'url': url('user-profile-forum-posts', {'user': profile.user_id}),
+        'active': profile_mode == 'forum-posts',
     },
     {
         'title': 'Comments',