vuejs
diff --git a/‎themes/vue/layout/index.ejs‎
Lines changed: 2 additions & 3 deletions b/‎themes/vue/layout/index.ejs‎
Lines changed: 2 additions & 3 deletions
diff --git a/‎themes/vue/layout/layout.ejs‎
Lines changed: 1 addition & 7 deletions b/‎themes/vue/layout/layout.ejs‎
Lines changed: 1 addition & 7 deletions
diff --git a/‎themes/vue/layout/partials/vueschool_banner.ejs‎
Lines changed: 0 additions & 22 deletions b/‎themes/vue/layout/partials/vueschool_banner.ejs‎
Lines changed: 0 additions & 22 deletions
diff --git a/‎themes/vue/source/css/_header.styl‎
Lines changed: 9 additions & 6 deletions b/‎themes/vue/source/css/_header.styl‎
Lines changed: 9 additions & 6 deletions
diff --git a/‎themes/vue/source/css/_sidebar.styl‎
Lines changed: 1 addition & 1 deletion b/‎themes/vue/source/css/_sidebar.styl‎
Lines changed: 1 addition & 1 deletion
diff --git a/‎themes/vue/source/css/_vueschool.styl‎
Lines changed: 0 additions & 142 deletions b/‎themes/vue/source/css/_vueschool.styl‎
Lines changed: 0 additions & 142 deletions
diff --git a/‎themes/vue/source/css/index.styl‎
Lines changed: 0 additions & 1 deletion b/‎themes/vue/source/css/index.styl‎
Lines changed: 0 additions & 1 deletion
diff --git a/‎themes/vue/source/css/page.styl‎
Lines changed: 0 additions & 1 deletion b/‎themes/vue/source/css/page.styl‎
Lines changed: 0 additions & 1 deletion
diff --git a/‎themes/vue/source/images/banners/close.svg‎
Lines changed: 0 additions & 7 deletions b/‎themes/vue/source/images/banners/close.svg‎
Lines changed: 0 additions & 7 deletions
@@ -163,11 +163,10 @@
   })
 
   window.addEventListener('scroll', function () {
-    var offset = 20
-    if (window.pageYOffset > offset && !topScrolled) {
+    if (window.pageYOffset > 165 && !topScrolled) {
       topScrolled = true
       document.getElementById('mobile-bar').classList.remove('top')
-    } else if (window.pageYOffset <= offset && topScrolled) {
+    } else if (window.pageYOffset <= 165 && topScrolled) {
       topScrolled = false
       document.getElementById('mobile-bar').classList.add('top')
     }
 
@@ -1,6 +1,5 @@
 <% var isIndex = page.path === 'index.html' %>
 <% var isThemes = page.path === 'resources/themes.html' %>
-<% var hasVueSchoolBanner = true %>
 
 <!DOCTYPE html>
 <html lang="en" class="with-v3-banner">
@@ -55,7 +54,7 @@
     <link href="https://fonts.gstatic.com" rel="preconnect" crossorigin>
     <link href="https://maxcdn.bootstrapcdn.com" rel="preconnect" crossorigin>
 
-    <link href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,600|Roboto|Roboto Mono&display=swap" rel="stylesheet">
+    <link href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,600|Roboto Mono&display=swap" rel="stylesheet">
     <link href="https://fonts.googleapis.com/css?family=Dosis:500&text=Vue.js&display=swap" rel="stylesheet">
 
     <link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet">
@@ -91,11 +90,6 @@
     <script type="text/javascript" defer="defer" src="https://extend.vimeocdn.com/ga/72160148.js"></script>
   </head>
   <body class="<%- isIndex ? '' : 'docs' -%>">
-
-    <% if (hasVueSchoolBanner) { %>
-      <%- partial('partials/vueschool_banner') %>
-    <% } %>
-
     <div id="mobile-bar" <%- isIndex ? 'class="top"' : '' %>>
       <a class="menu-button"></a>
       <a class="logo" href="/"></a>
 
@@ -1,4 +1,3 @@
-@import "_settings"
 $header-height = 40px
 
 red-dot-before(leftPos = -8px)
@@ -13,12 +12,10 @@ red-dot-before(leftPos = -8px)
 
 #header
   background-color: #fff
-  padding: $heading-padding-vertical 30px $heading-padding-vertical 60px
+  height: $header-height
+  padding: $heading-padding-vertical 60px
   position: relative
   z-index: $z-header
-  display: flex
-  justify-content: space-between
-  box-sizing: border-box
 
 #v3-banner
   background-color: $green
@@ -43,11 +40,18 @@ body.docs
     position: fixed
     width: 100%
     top: 0
+  #nav
+    position: fixed
+    top: $heading-padding-vertical
 
 #nav
   list-style-type: none
   margin: 0
   padding: 0
+  position: absolute
+  right: 30px
+  top: $heading-padding-vertical
+  height: $header-height
   line-height: $header-height
   .break
     display: none
@@ -143,7 +147,6 @@ body.docs
   display: none
   box-shadow: 0 0 2px rgba(0,0,0,.25)
   pointer-events: none
-  transition: background-color 0.25s ease-in
   > *
     pointer-events: auto
   .menu-button
 
@@ -67,7 +67,7 @@
     position: fixed
     background-color: #f9f9f9
     height: 100%
-    top: 40px
+    top: 0
     left: 0
     box-shadow: 0 0 10px rgba(0,0,0,.2)
     transition: all .4s cubic-bezier(0.4, 0, 0, 1)
 
@@ -4,7 +4,6 @@
 @import "_sponsors-index"
 @import "_modal"
 @import "_themes"
-@import "_vueschool.styl"
 
 $width = 900px
 $space = 40px
 
@@ -16,7 +16,6 @@
 @import "_scrimba"
 @import "_vue-mastery"
 @import "_themes"
-@import "_vueschool.styl"
 
 #header
   box-shadow: 0 0 1px rgba(0,0,0,.25)