Commit 0ba2bbe

mo khan <mo@mokhan.ca>
2015-03-14 16:57:58
add svg logo to brand section.
1 parent 98d5deb
Changed files (2)
app
assets
stylesheets
views
app/assets/stylesheets/global.scss
@@ -3,44 +3,60 @@
 /* Mixins --------------------------------------- */
 /* ---------------------------------------------- */
 @mixin responsive-svg($svgwidth, $svgheight, $containerwidth) {
-	height: 0;
-	margin: 0 auto;
-	padding-top: #{($svgheight/$svgwidth)*$containerwidth};
-	position: relative;
-	width: $containerwidth;
-	svg {
-		left: 0;
-		position: absolute;
-		top: 0;
-	}
+  height: 0;
+  margin: 0 auto;
+  padding-top: #{($svgheight/$svgwidth)*$containerwidth};
+  position: relative;
+  width: $containerwidth;
+  svg {
+    left: 0;
+    position: absolute;
+    top: 0;
+  }
 }
 /* ---------------------------------------------- */
 /* Branding ------------------------------------- */
 /* ---------------------------------------------- */
 header {
-	padding: 0.5em 0;
-	h1 {
-		font-family: 'PT Sans Narrow', sans-serif;
-		text-transform: uppercase;
-		.svg-container {
-		  @include responsive-svg(10, 20, .85em); // (width, height, containerWidth)
-			img {
-				margin: 0 0.15em 0 0;
-				width: 18px;
-			}
-		}
-	}
+  padding: 0.5em 0;
+  h1 {
+    font-family: 'PT Sans Narrow', sans-serif;
+    text-transform: uppercase;
+    .svg-container {
+      @include responsive-svg(10, 20, .85em); // (width, height, containerWidth)
+      img {
+        margin: 0 0.15em 0 0;
+        width: 18px;
+      }
+    }
+  }
+}
+nav {
+  h1 {
+    font-family: 'PT Sans Narrow', sans-serif;
+    text-transform: uppercase;
+    white-space: nowrap;
+  }
+  svg {
+    z-index: 100;
+    fill: #fff;
+    position: relative;
+    width: 12px;
+    margin: 5px 8px 0 20px;
+    float: left;
+    display: inline-block;
+  }
 }
 /* ---------------------------------------------- */
 /* Buttons -------------------------------------- */
 /* ---------------------------------------------- */
 .button.bare, .button.bare:hover, .button.bare:active,
 .button.bare:visited, .button.bare:focus {
-	background-color: transparent;
-	border-color: transparent;
-	padding-right: 1.5rem;
-	padding-left: 1.5rem;
+  background-color: transparent;
+  border-color: transparent;
+  padding-right: 1.5rem;
+  padding-left: 1.5rem;
 }
 .button.bare:hover {
-	text-decoration: underline;
-}
\ No newline at end of file
+  text-decoration: underline;
+}
app/views/layouts/application.html.erb
@@ -21,7 +21,10 @@
               <ul class="title-area">
                 <!-- Title Area -->
                 <li class="name">
-                  <h1> <%= link_to "Supply", dashboard_path %> </h1>
+                  <svg viewBox="0 0 82.515 266.693">
+                    <use xlink:href="<%= asset_path "feather.svg#main" %>"></use>
+                  </svg>
+                  <h1><%= link_to "Supply Crow", dashboard_path %></h1>
                 </li>
                 <li class="toggle-topbar menu-icon"><a href="#"><span>menu</span></a></li>
               </ul>