From bdd3705bff9c1e21fd09f33ae27a484fef3c2e04 Mon Sep 17 00:00:00 2001
From: Ramon Wenger <ramon.wenger@iterativ.ch>
Date: Mon, 17 Feb 2020 16:16:13 +0100
Subject: [PATCH] Update styling, clean up code

---
 client/src/components/TopNavigation.vue |  9 +--------
 client/src/styles/_mixins.scss          | 11 +++++++++++
 2 files changed, 12 insertions(+), 8 deletions(-)

diff --git a/client/src/components/TopNavigation.vue b/client/src/components/TopNavigation.vue
index a6969d5b..aa982ccf 100644
--- a/client/src/components/TopNavigation.vue
+++ b/client/src/components/TopNavigation.vue
@@ -59,15 +59,8 @@
     display: flex;
 
     &__link {
-      font-size: 1.0625rem;
       padding: 0 24px;
-      font-family: $sans-serif-font-family;
-      font-weight: $font-weight-regular;
-      color: $color-silver-dark;
-
-      &--active {
-        color: $color-brand;
-      }
+      @include default-link;
     }
 
     $parent: &;
diff --git a/client/src/styles/_mixins.scss b/client/src/styles/_mixins.scss
index dd443ea2..d1d0204c 100644
--- a/client/src/styles/_mixins.scss
+++ b/client/src/styles/_mixins.scss
@@ -141,6 +141,17 @@
   font-size: toRem(18px);
 }
 
+@mixin default-link {
+  font-size: toRem(18px);
+  font-family: $sans-serif-font-family;
+  font-weight: $font-weight-regular;
+  color: $color-silver-dark;
+
+  &--active {
+    color: $color-brand;
+  }
+}
+
 @mixin page-form-input-heading {
   display: block;
   margin-bottom: $medium-spacing;