Added $topbar-title-spacing variable

Added $topbar-title-spacing variable to remove reliance on the grid.

diff --git a/scss/components/_top-bar.scss b/scss/components/_top-bar.scss
index 23048dc69fc709bc38a2cffe6cd8f873b4cb9cfa..480b9fd131a4ada64534ddb7e0223557e25f4b36 100644 (file)
--- a/scss/components/_top-bar.scss
+++ b/scss/components/_top-bar.scss
@@ -14,6 +14,10 @@ $topbar-padding: 0.5rem !default;
 /// @type Color
 $topbar-background: $light-gray !default;
 
+/// Spacing for the top bar title.
+/// @type Number
+$topbar-title-spacing: 1rem !default;
+
 /// Width of `<input>` elements inside the top bar.
 /// @type Number
 $topbar-input-width: 200px !default;
@@ -78,7 +82,7 @@ $topbar-input-width: 200px !default;
   // Sub-sections
   .top-bar-title {
     float: left;
-    padding-right: $grid-column-gutter;
+    margin-right: $topbar-title-spacing;
   }
   .top-bar-left {
     float: left;