Update _top_bar.css to respect font-size overrides

The font-size of links in a top-bar section was hard set to 13px and did not respect any overrides set by the user.

diff --git a/scss/foundation/components/_top-bar.scss b/scss/foundation/components/_top-bar.scss
index a196c670724de896f0ade98717369d92ea5049f3..587f9f93220318f925bf551b19e0b90049912480 100644 (file)
--- a/scss/foundation/components/_top-bar.scss
+++ b/scss/foundation/components/_top-bar.scss
@@ -209,7 +209,7 @@ $topbar-media-query: "only screen and (min-width:"#{$topbar-breakpoint}")" !defa
       width: 100%;
       padding: 12px 0 12px $topbar-height / 3;
       color: $topbar-link-color;
-      font-size: emCalc(13px);
+      font-size: $topbar-link-font-size;
       font-weight: bold;
       background: $topbar-dropdown-bg;
 
@@ -218,7 +218,7 @@ $topbar-media-query: "only screen and (min-width:"#{$topbar-breakpoint}")" !defa
 
       &.button {
         background: $primary-color;
-        font-size: emCalc(13px);
+        font-size: $topbar-link-font-size;
         &:hover {
           background: darken($primary-color, 10%);
         }
@@ -440,4 +440,4 @@ $topbar-media-query: "only screen and (min-width:"#{$topbar-breakpoint}")" !defa
 
   }
 
-}
\ No newline at end of file
+}