Add navegation title

zombeats · Jan 2, 2016 · a715277 · a715277
1 parent 42698f3
commit a715277
Show file tree

Hide file tree

Showing 2 changed files with 27 additions and 14 deletions.
diff --git a/assets/scss/reset.scss b/assets/scss/reset.scss
@@ -512,19 +512,25 @@ nav li a:before {
   -moz-transition: all 0.15s ease;
        transition: all 0.15s ease;
   border-radius: 2px;
-}
 
-.blog-logo img {
-  vertical-align: -7%;
-  text-transform: none;
-  speak: none;
-  line-height: 1;
-  position: absolute;
-  top: 4px;
-  left: 4px;
-  max-width: 22px;
-}
+  > img {
+    vertical-align: -7%;
+    text-transform: none;
+    speak: none;
+    line-height: 1;
+    position: absolute;
+    top: 4px;
+    left: 4px;
+    max-width: 22px;
+  }
 
+  > span {
+    color: rgba(60, 80, 90, 0.7);
+    margin-left: 40px;
+    font-size: 16px;
+    font-weight: 900;
+  }
+}
 
 .global-header {
   position: relative;
@@ -561,8 +567,6 @@ nav li a:before {
   .global-header .blog-logo {
     width: 81px;
     background: transparent;
-    color: rgba(60, 80, 90, 0.7);
-    font-weight: 900;
     text-decoration: none;
     left: 7px;
          transition: all 0.25s ease, left 0.5s ease;
@@ -571,6 +575,10 @@ nav li a:before {
     border-radius: 0;
   }
 
+  .blog-logo>span {
+    margin-left : 35px;
+  }
+
   .global-header .blog-logo:after {
     color: #242628;
     opacity: 1;

diff --git a/partials/navigation.hbs b/partials/navigation.hbs
@@ -1,6 +1,11 @@
 <nav role="navigation">
   <div class="wrapper">
-    <a class="blog-logo" href="/"><img src="assets/images/favicon-32x32.png" alt="placeholder+image"></a>
+
+    <a class="blog-logo" href="/">
+      <img src="assets/images/favicon-32x32.png" alt="placeholder+image">
+      <span>{{@blog.title}}</span>
+    </a>
+
     <button type="button" class="mobile-menu" data-toggle="collapse" data-target=".navbar-collapse">
       <span class="hidden">Menu</span>
     </button>