]> git.ipfire.org Git - thirdparty/foundation/foundation-sites.git/commitdiff
projects / thirdparty / foundation / foundation-sites.git / commitdiff
? search:
summary | shortlog | log | commit | commitdiff | tree
raw | patch | inline | side by side (parent: a48b908)
updates test case for responsive toggle with flex feature/flex-topbar
authorRafiBomb <rafi@zurb.com>
Wed, 24 May 2017 22:11:39 +0000 (15:11 -0700)
committerRafiBomb <rafi@zurb.com>
Wed, 24 May 2017 22:11:39 +0000 (15:11 -0700)
scss/components/_title-bar.scss patch | blob | blame | history
test/visual/top-bar/responsive-toggle-flex.html patch | blob | blame | history

diff --git a/scss/components/_title-bar.scss b/scss/components/_title-bar.scss
index e0f370c5f3053581fa693ca7f4107ec4067c07ee..0c815366eec0ae49b1673c6f67f27a57638924a5 100644 (file)
--- a/scss/components/_title-bar.scss
+++ b/scss/components/_title-bar.scss
@@ -58,14 +58,13 @@ $titlebar-icon-spacing: 0.25rem !default;
   @if $global-flexbox {
     .title-bar-left,
     .title-bar-right {
-      flex: 1 1 0px; // sass-lint:disable-line zero-unit
+      flex: 1 1 0;
     }
 
     .title-bar-right {
       text-align: right;
     }
-  }
-  @else {
+  } @else {
     .title-bar-left {
       float: left;
     }
diff --git a/test/visual/top-bar/responsive-toggle-flex.html b/test/visual/top-bar/responsive-toggle-flex.html
index 3e98674e39b812014ad44322c593eef0fe333ca6..a940ef45fdc1baeda55a74d7224f864c9dc8a716 100644 (file)
--- a/test/visual/top-bar/responsive-toggle-flex.html
+++ b/test/visual/top-bar/responsive-toggle-flex.html
@@ -7,11 +7,18 @@
     <title>Foundation for Sites Testing</title>
     <link href="../motion-ui/dist/motion-ui.css" rel="stylesheet" />
     <link href="../assets/css/foundation-flex.css" rel="stylesheet" />
+    <style>
+      .logo {
+        margin-left: 1rem;
+      }
+    </style>
   </head>
   <body>
     <div class="title-bar" data-responsive-toggle="example-menu" data-hide-for="medium">
       <button class="menu-icon" type="button" data-toggle></button>
       <div class="title-bar-title">Menu</div>
+
+      <img class="logo" src="http://placehold.it/200x35?text=logo" class="" height="" width="" alt="">
     </div>
 
     <div class="top-bar" id="example-menu">
Mirror of https://github.com/foundation/foundation-sites.git