tweak mobile

Author: yyx990803

themes/vue/layout/index.ejs

@@ -9,6 +9,7 @@
     <div class="left">
       <img class="hero-logo" src="/images/logo.png">
     </div><div class="right">
+      <h2 class="vue">Vue.js</h2>
       <h1>
         The Progressive<br>JavaScript Framework
       </h1>

themes/vue/source/css/_header.styl

@@ -1,5 +1,3 @@
-@import "_settings"
-
 $header-height = 40px
 
 #header

themes/vue/source/css/index.styl

@@ -31,6 +31,12 @@ body
         font-weight 300
         margin 0
         font-size 3.2em
+    h2
+        font-family $logo-font
+        font-weight 500
+        font-size 2.4em
+        margin 0 0 10px
+        display none
     .button
         margin 1em 0
         font-size 1.05em
@@ -126,6 +132,8 @@ body
             width 100%
         h1
             font-size 2em
+        h2
+            display block
         .button
             font-size .9em
     #highlights