_top-bar.scss in foundation-rails-6.1.2.0

- old
+ new

@@ -12,13 +12,13 @@
 
 /// Background color for the top bar. This color also cascades to menus within the top bar.
 /// @type Color
 $topbar-background: $light-gray !default;
 
-/// Color for links inside a top bar menu.
-/// @type Color
-$topbar-link-color: $primary-color !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;
 
@@ -30,27 +30,28 @@
   &,
   ul {
     background-color: $topbar-background;
   }
 
-  a {
-    color: $topbar-link-color;
-  }
-
   input {
     width: $topbar-input-width;
     margin-#{$global-right}: 1rem;
   }
 
+  // scss-lint:disable QualifyingElement
   input.button {
     width: auto;
   }
 }
 
 /// makes sections stacked
 @mixin top-bar-stacked {
   // Sub-sections
+  .top-bar-title {
+    width: 100%;
+  }
+
   .top-bar-right {
     width: 100%;
   }
 
   .top-bar-left {
@@ -77,13 +78,17 @@
   @include breakpoint(small only) {
     @include top-bar-stacked;
   }
 
   // Sub-sections
+  .top-bar-title {
+    float: left;
+    margin-right: $topbar-title-spacing;
+  }
   .top-bar-left {
     float: left;
   }
-  
+
   .top-bar-right {
     float: right;
   }
 }