diff --git a/themes/vue/source/css/_common.styl b/themes/vue/source/css/_common.styl
index 6e41897f2f..73597573d7 100644
--- a/themes/vue/source/css/_common.styl
+++ b/themes/vue/source/css/_common.styl
@@ -2,205 +2,205 @@
 @import "_syntax"
 
 body
-    font-family $body-font
-    font-size $body-font-size
-    -webkit-font-smoothing antialiased
-    -moz-osx-font-smoothing grayscale
-    color $medium
-    background-color white
-    margin 0
-    &.docs
-        padding-top: $header-height
+  font-family: $body-font
+  font-size: $body-font-size
+  -webkit-font-smoothing: antialiased
+  -moz-osx-font-smoothing: grayscale
+  color: $medium
+  background-color: white
+  margin: 0
+  &.docs
+    padding-top: $header-height
 
 @media screen and (max-width: 900px)
-    body.docs
-        padding-top: 0
+  body.docs
+    padding-top: 0
 
 a
-    text-decoration none
-    color $medium
+  text-decoration: none
+  color: $medium
 
 img
-    border none
+  border: none
 
 h1, h2, h3, h4, strong
-    font-weight 600
-    color $dark
+  font-weight: 600
+  color: $dark
 
 code, pre
-    font-family $code-font
-    font-size $code-font-size
-    background-color $codebg
-    -webkit-font-smoothing initial
-    -moz-osx-font-smoothing initial
+  font-family: $code-font
+  font-size: $code-font-size
+  background-color: $codebg
+  -webkit-font-smoothing: initial
+  -moz-osx-font-smoothing: initial
 
 code
-    color #e96900
-    padding 3px 5px
-    margin 0 2px
-    border-radius 2px
-    white-space nowrap
+  color: #e96900
+  padding: 3px 5px
+  margin: 0 2px
+  border-radius: 2px
+  white-space: nowrap
 
 em
-    color $light
+  color: $light
 
 p
-    word-spacing 0.05em
+  word-spacing: 0.05em
 
 a.button
-    padding 0.75em 2em
-    border-radius 2em
-    display inline-block
-    color #fff
-    background-color lighten($green, 8%)
-    transition all .15s ease
-    box-sizing border-box
-    border 1px solid lighten($green, 8%)
-    &.white
-        background-color #fff
-        color $green
+  padding: 0.75em 2em
+  border-radius: 2em
+  display: inline-block
+  color: #fff
+  background-color: lighten($green, 8%)
+  transition: all .15s ease
+  box-sizing: border-box
+  border: 1px solid lighten($green, 8%)
+  &.white
+    background-color: #fff
+    color: $green
 
 .highlight
-    overflow-x auto
-    position relative
-    padding 0
-    background-color $codebg
-    padding .8em .8em .4em
-    line-height 1.1em
-    border-radius $radius
-    table, tr, td
-        width 100%
-        border-collapse collapse
-        padding 0
-        margin 0
-    .gutter
-        width 1.5em
-    .code
-        $code-line-height = 1.5em
-        pre
-            padding 1.2em 1.4em
-            line-height $code-line-height
-            margin 0
-        .line
-            min-height $code-line-height
-    &.html, &.js, &.bash, &.css
-        .code:after
-            position absolute
-            top 0
-            right 0
-            color #ccc
-            text-align right
-            font-size .75em
-            padding 5px 10px 0
-            line-height 15px
-            height 15px
-            font-weight 600
-    &.html .code:after
-        content 'HTML'
-    &.js .code:after
-        content 'JS'
-    &.bash .code:after
-        content 'Shell'
-    &.css .code:after
-        content 'CSS'
+  overflow-x: auto
+  position: relative
+  padding: 0
+  background-color: $codebg
+  padding: .8em .8em .4em
+  line-height: 1.1em
+  border-radius: $radius
+  table, tr, td
+    width: 100%
+    border-collapse: collapse
+    padding: 0
+    margin: 0
+  .gutter
+    width: 1.5em
+  .code
+    $code-line-height = 1.5em
+    pre
+      padding: 1.2em 1.4em
+      line-height: $code-line-height
+      margin: 0
+    .line
+      min-height: $code-line-height
+  &.html, &.js, &.bash, &.css
+    .code:after
+      position: absolute
+      top: 0
+      right: 0
+      color: #ccc
+      text-align: right
+      font-size: .75em
+      padding: 5px 10px 0
+      line-height: 15px
+      height: 15px
+      font-weight: 600
+  &.html .code:after
+    content: 'HTML'
+  &.js .code:after
+    content: 'JS'
+  &.bash .code:after
+    content: 'Shell'
+  &.css .code:after
+    content: 'CSS'
 
 #main
-    position relative
-    z-index 1
-    padding 0 60px 30px
-    overflow-x hidden
+  position: relative
+  z-index: 1
+  padding: 0 60px 30px
+  overflow-x: hidden
 
 #ad
-    width 125px
-    // text-align center
-    position fixed
-    z-index 99
-    bottom 10px
-    right 10px
-    padding 10px
-    background-color #fff
-    border-radius 3px
-    font-size 13px
-    a
-        display inline-block
-        color $light
-        font-weight normal
-    span
-        color $light
-        display inline-block
-        margin-bottom 5px
-    img
-        width 125px
-    .carbon-img, .carbon-text
-        display block
-        margin-bottom 6px
-        font-weight normal
-        color $medium
-    .carbon-poweredby
-        color #aaa
-        font-weight normal
+  width: 125px
+  // text-align: center
+  position: fixed
+  z-index: 99
+  bottom: 10px
+  right: 10px
+  padding: 10px
+  background-color: #fff
+  border-radius: 3px
+  font-size: 13px
+  a
+    display: inline-block
+    color: $light
+    font-weight: normal
+  span
+    color: $light
+    display: inline-block
+    margin-bottom: 5px
+  img
+    width: 125px
+  .carbon-img, .carbon-text
+    display: block
+    margin-bottom: 6px
+    font-weight: normal
+    color: $medium
+  .carbon-poweredby
+    color: #aaa
+    font-weight: normal
 
 #nav
+  .nav-link
+    cursor: pointer
+  .nav-dropdown-container
     .nav-link
-        cursor pointer
-    .nav-dropdown-container
-        .nav-link
-            &:hover
-                border-bottom none
-        &:hover
-            .nav-dropdown
-                display block
-        &.language
-            margin-left 20px
-        .arrow
-            pointer-events none
-    .nav-dropdown
-        display none
-        box-sizing border-box
-        max-height "calc(100vh - %s)" % $header-height
-        overflow-y auto
-        position absolute
-        top 100%
-        right -15px
-        background-color #fff
-        padding 10px 0
-        border 1px solid #ddd
-        border-bottom-color #ccc
-        text-align left
-        border-radius 4px
-        white-space nowrap
-        li
-            line-height 1.8em
-            margin 0
-            display block
-            > ul
-                padding-left: 0
-            &:first-child
-                h4
-                    margin-top 0
-                    padding-top: 0
-                    border-top: 0
-        a, h4
-            padding 0 24px 0 20px
-        h4
-            // text-transform uppercase
-            margin .45em 0 0
-            padding-top: .45em
-            border-top: 1px solid #eee
-        a
-            color lighten($dark, 10%)
-            font-size .9em
-            display block
-            &:hover
-                color $green
+      &:hover
+        border-bottom: none
+    &:hover
+      .nav-dropdown
+        display: block
+    &.language
+      margin-left: 20px
     .arrow
-        display inline-block
-        vertical-align middle
-        margin-top -1px
-        margin-left 6px
-        margin-right -14px
-        width 0
-        height 0
-        border-left 4px solid transparent
-        border-right 4px solid transparent
-        border-top 5px solid #ccc
+      pointer-events: none
+  .nav-dropdown
+    display: none
+    box-sizing: border-box
+    max-height: "calc(100vh - %s)" % $header-height
+    overflow-y: auto
+    position: absolute
+    top: 100%
+    right: -15px
+    background-color: #fff
+    padding: 10px 0
+    border: 1px solid #ddd
+    border-bottom-color: #ccc
+    text-align: left
+    border-radius: 4px
+    white-space: nowrap
+    li
+      line-height: 1.8em
+      margin: 0
+      display: block
+      > ul
+        padding-left: 0
+      &:first-child
+        h4
+          margin-top: 0
+          padding-top: 0
+          border-top: 0
+    a, h4
+      padding: 0 24px 0 20px
+    h4
+      // text-transform: uppercase
+      margin: .45em 0 0
+      padding-top: .45em
+      border-top: 1px solid #eee
+    a
+      color: lighten($dark, 10%)
+      font-size: .9em
+      display: block
+      &:hover
+        color: $green
+  .arrow
+    display: inline-block
+    vertical-align: middle
+    margin-top: -1px
+    margin-left: 6px
+    margin-right: -14px
+    width: 0
+    height: 0
+    border-left: 4px solid transparent
+    border-right: 4px solid transparent
+    border-top: 5px solid #ccc
diff --git a/themes/vue/source/css/_demo.styl b/themes/vue/source/css/_demo.styl
index f8af2694f8..3e5774984e 100644
--- a/themes/vue/source/css/_demo.styl
+++ b/themes/vue/source/css/_demo.styl
@@ -1,63 +1,63 @@
 #demo, .demo, .content .demo
-    border 1px solid #eee
-    border-radius $radius
-    padding 25px 35px
-    margin-top 1em
-    margin-bottom 40px
-    font-size 1.2em
-    line-height 1.5em
-    -webkit-user-select none
-    -moz-user-select none
-    -ms-user-select none
-    user-select none
-    overflow-x auto
-    h1
-        margin 0 0 .5em
-        font-size 1.8em
-    ul, ol
-        padding-left 1.5em
-        padding-bottom .2em !important
-        &:first-child
-            margin-top 0
-        &:last-child
-            margin-bottom 0
-    li
-        color $medium
-        // !!TODO: Check to make sure this isn't here for a good reason.
-        // cursor pointer
-        // -ms-user-select none
-        // -moz-user-select none
-        // -webkit-user-select none
-        &.done
-            color $light
-            text-decoration line-through
-    p
-        margin 0 !important
-        padding 0 !important
-        &:first-child
-            margin-top 0
-        &:last-child
-            margin-bottom 0
-    textarea
-        width 100%
-        resize vertical
+  border: 1px solid #eee
+  border-radius: $radius
+  padding: 25px 35px
+  margin-top: 1em
+  margin-bottom: 40px
+  font-size: 1.2em
+  line-height: 1.5em
+  -webkit-user-select: none
+  -moz-user-select: none
+  -ms-user-select: none
+  user-select: none
+  overflow-x: auto
+  h1
+    margin: 0 0 .5em
+    font-size: 1.8em
+  ul, ol
+    padding-left: 1.5em
+    padding-bottom: .2em !important
+    &:first-child
+      margin-top: 0
+    &:last-child
+      margin-bottom: 0
+  li
+    color: $medium
+    // !!TODO: Check to make sure this isn't here for a good reason.
+    // cursor: pointer
+    // -ms-user-select: none
+    // -moz-user-select: none
+    // -webkit-user-select: none
+    &.done
+      color: $light
+      text-decoration: line-through
+  p
+    margin: 0 !important
+    padding: 0 !important
+    &:first-child
+      margin-top: 0
+    &:last-child
+      margin-bottom: 0
+  textarea
+    width: 100%
+    resize: vertical
 
 
 
 ul#demo, ul.demo
-    li
-        margin-left 1.5em
+  li
+    margin-left: 1.5em
 
 @media screen and (max-width: 900px)
-    #demo, .demo
-        margin-left 0
+  #demo, .demo
+    margin-left: 0
 
 .benchmark-table
-    margin: 0 auto
-    text-align center
+  margin: 0 auto
+  text-align: center
 
-    tbody > tr > th
-        text-align right
+  tbody > tr > th
+    text-align: right
 
-    th, td
-        padding: 3px 7px
+  th, td
+    padding: 3px 7px
diff --git a/themes/vue/source/css/_header.styl b/themes/vue/source/css/_header.styl
index 1b777d3f4e..1ded491f35 100644
--- a/themes/vue/source/css/_header.styl
+++ b/themes/vue/source/css/_header.styl
@@ -1,111 +1,111 @@
 $header-height = 40px
 
 #header
-    background-color #fff
-    height: $header-height
-    padding $heading-padding-vertical 60px
-    position relative
-    z-index 2
+  background-color: #fff
+  height: $header-height
+  padding: $heading-padding-vertical 60px
+  position: relative
+  z-index: 2
 
 body.docs
-    #header
-        position fixed
-        width 100%
-        top 0
-    #nav
-        position fixed
+  #header
+    position: fixed
+    width: 100%
+    top: 0
+  #nav
+    position: fixed
 
 #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
-    li
-        display inline-block
-        position relative
-        margin 0 .6em
+  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
+  li
+    display: inline-block
+    position: relative
+    margin: 0 .6em
 
 .nav-link
-    padding-bottom 3px
-    &:hover, &.current
-        border-bottom 3px solid $green
-    &.shop
-        margin-left 10px
+  padding-bottom: 3px
+  &:hover, &.current
+    border-bottom: 3px solid $green
+  &.shop
+    margin-left: 10px
 
 .new-label
-    position absolute
-    top 3px
-    left 110%
-    background-color $green
-    color #fff
-    line-height 16px
-    height 16px
-    font-size 9px
-    font-weight bold
-    font-family $code-font
-    padding 1px 4px 0 6px
-    border-radius 4px
+  position: absolute
+  top: 3px
+  left: 110%
+  background-color: $green
+  color: #fff
+  line-height: 16px
+  height: 16px
+  font-size: 9px
+  font-weight: bold
+  font-family: $code-font
+  padding: 1px 4px 0 6px
+  border-radius: 4px
 
 .search-query
-    height 30px
-    line-height 30px
-    box-sizing border-box
-    padding 0 15px 0 30px
-    border 1px solid #e3e3e3
-    color $dark
-    outline none
-    border-radius 15px
-    margin-right 10px
-    transition border-color .2s ease
-    background #fff url(../images/search.png) 8px 5px no-repeat
-    background-size 20px
-    vertical-align middle !important
-    &:focus
-        border-color $green
+  height: 30px
+  line-height: 30px
+  box-sizing: border-box
+  padding: 0 15px 0 30px
+  border: 1px solid #e3e3e3
+  color: $dark
+  outline: none
+  border-radius: 15px
+  margin-right: 10px
+  transition: border-color .2s ease
+  background: #fff url(../images/search.png) 8px 5px no-repeat
+  background-size: 20px
+  vertical-align: middle !important
+  &:focus
+    border-color: $green
 
 #logo
-    display inline-block
-    font-size 1.5em
-    line-height $header-height
-    color $dark
-    font-family $logo-font
-    font-weight 500
-    img
-        vertical-align middle
-        margin-right 6px
-        width $header-height
-        height $header-height
+  display: inline-block
+  font-size: 1.5em
+  line-height: $header-height
+  color: $dark
+  font-family: $logo-font
+  font-weight: 500
+  img
+    vertical-align: middle
+    margin-right: 6px
+    width: $header-height
+    height: $header-height
 
 #mobile-bar
-    position fixed
-    top 0
-    left 0
-    width 100%
-    height 40px
-    background-color #fff
-    z-index 9
-    display none
-    box-shadow 0 0 2px rgba(0,0,0,.25)
-    .menu-button
-        position absolute
-        width 24px
-        height 24px
-        top 8px
-        left 12px
-        background url(../images/menu.png) center center no-repeat
-        background-size 24px
-    .logo
-        position absolute
-        width 30px
-        height 30px
-        background url(../images/logo.png) center center no-repeat
-        top 5px
-        left 50%
-        margin-left -15px
-        background-size 30px
+  position: fixed
+  top: 0
+  left: 0
+  width: 100%
+  height: 40px
+  background-color: #fff
+  z-index: 9
+  display: none
+  box-shadow: 0 0 2px rgba(0,0,0,.25)
+  .menu-button
+    position: absolute
+    width: 24px
+    height: 24px
+    top: 8px
+    left: 12px
+    background: url(../images/menu.png) center center no-repeat
+    background-size: 24px
+  .logo
+    position: absolute
+    width: 30px
+    height: 30px
+    background: url(../images/logo.png) center center no-repeat
+    top: 5px
+    left: 50%
+    margin-left: -15px
+    background-size: 30px
diff --git a/themes/vue/source/css/_migration.styl b/themes/vue/source/css/_migration.styl
index f96f4f5f28..c85b8002de 100644
--- a/themes/vue/source/css/_migration.styl
+++ b/themes/vue/source/css/_migration.styl
@@ -1,15 +1,15 @@
 .content.guide[class*="migration"]
-    h2, h3
-        > sup
-            margin-left: .3em
-            color: #b9465c
-    .upgrade-path
-        margin-top: 2em
-        padding: 2em
-        background: rgba(73, 195, 140, .1)
-        border-radius: 2px
-        > h4
-            margin-top: 0
-        > p:last-child
-            margin-bottom: 0
-            padding-bottom: 0
+  h2, h3
+    > sup
+      margin-left: .3em
+      color: #b9465c
+  .upgrade-path
+    margin-top: 2em
+    padding: 2em
+    background: rgba(73, 195, 140, .1)
+    border-radius: 2px
+    > h4
+      margin-top: 0
+    > p:last-child
+      margin-bottom: 0
+      padding-bottom: 0
diff --git a/themes/vue/source/css/_offline-menu.styl b/themes/vue/source/css/_offline-menu.styl
index 588335b1c5..d034ff1f03 100644
--- a/themes/vue/source/css/_offline-menu.styl
+++ b/themes/vue/source/css/_offline-menu.styl
@@ -1,15 +1,15 @@
 .content.menu
-    font-size: 1.2em
-    .menu-root
-        padding-left: 0
-    #search-form, .algolia-autocomplete, input
-        width: 100%
-    .aa-dropdown-menu
-        box-sizing: border-box
-    h3
-        margin: 1.5em 0 .75em
-        &:before, &:after
-          display: none
-    li
-        list-style-type: none
-        margin-top: .1em
+  font-size: 1.2em
+  .menu-root
+    padding-left: 0
+  #search-form, .algolia-autocomplete, input
+    width: 100%
+  .aa-dropdown-menu
+    box-sizing: border-box
+  h3
+    margin: 1.5em 0 .75em
+    &:before, &:after
+      display: none
+  li
+    list-style-type: none
+    margin-top: .1em
diff --git a/themes/vue/source/css/_sidebar.styl b/themes/vue/source/css/_sidebar.styl
index d51c34ee76..397ce71987 100644
--- a/themes/vue/source/css/_sidebar.styl
+++ b/themes/vue/source/css/_sidebar.styl
@@ -1,112 +1,112 @@
 @import "_settings"
 
 .sidebar
-    position absolute
-    z-index 10
-    top $header-height
-    left 0
-    bottom 0
-    overflow-x hidden
-    overflow-y auto
-    -webkit-overflow-scrolling touch
-    -ms-overflow-style none
-    h2
-        margin-top .2em
-    ul
-        list-style-type none
-        margin 0
-        line-height 1.5em
-        padding-left 1em
-    li
-        margin-top .5em
-    .sidebar-inner
-        width 260px
-        padding $content-padding-top + 10px 20px 60px 60px
-    .version-select
-        vertical-align middle
-        margin-left 5px
-    .menu-root
-        padding-left 0
-    .menu-sub
-        font-size .85em
-    .sidebar-link
-        color $light
-        &.current
-            font-weight 600
-            color $green
-        &.new
-            &:after
-                content "NEW"
-                display inline-block
-                font-size 10px
-                font-weight 600
-                color #fff
-                background-color $green
-                line-height 14px
-                padding 0 4px
-                border-radius 3px
-                margin-left 5px
-                vertical-align middle
-                position relative
-                top -1px
-        &:hover
-            border-bottom 2px solid $green
-    .section-link
-        &.active
-            font-weight bold
-            color $green
-    .main-menu
-        margin-bottom 20px
-        display none
-        padding-left 0
-    .main-sponsor
-        color $light
-        font-size .85em
-        .logo
-            color $light
-            margin 10px 0
-            // background-color #f3f3f3
-            padding 10px 0
-            text-align center
-            font-weight bold
-        img, a
-            width 125px
-            display inline-block
-    .become-backer
-        border 1px solid $green
-        border-radius 2em
-        display inline-block
-        color $green
-        font-size .8em
-        width 125px
-        padding 4px 0
-        text-align center
-        margin-bottom 20px
-    .nav-dropdown
-        h4
-            font-weight normal
-            margin: 0
+  position: absolute
+  z-index: 10
+  top: $header-height
+  left: 0
+  bottom: 0
+  overflow-x: hidden
+  overflow-y: auto
+  -webkit-overflow-scrolling: touch
+  -ms-overflow-style: none
+  h2
+    margin-top: .2em
+  ul
+    list-style-type: none
+    margin: 0
+    line-height: 1.5em
+    padding-left: 1em
+  li
+    margin-top: .5em
+  .sidebar-inner
+    width: 260px
+    padding: $content-padding-top + 10px 20px 60px 60px
+  .version-select
+    vertical-align: middle
+    margin-left: 5px
+  .menu-root
+    padding-left: 0
+  .menu-sub
+    font-size: .85em
+  .sidebar-link
+    color: $light
+    &.current
+      font-weight: 600
+      color: $green
+    &.new
+      &:after
+        content: "NEW"
+        display: inline-block
+        font-size: 10px
+        font-weight: 600
+        color: #fff
+        background-color: $green
+        line-height: 14px
+        padding: 0 4px
+        border-radius: 3px
+        margin-left: 5px
+        vertical-align: middle
+        position: relative
+        top: -1px
+    &:hover
+      border-bottom: 2px solid $green
+  .section-link
+    &.active
+      font-weight: bold
+      color: $green
+  .main-menu
+    margin-bottom: 20px
+    display: none
+    padding-left: 0
+  .main-sponsor
+    color: $light
+    font-size: .85em
+    .logo
+      color: $light
+      margin: 10px 0
+      // background-color: #f3f3f3
+      padding: 10px 0
+      text-align: center
+      font-weight: bold
+    img, a
+      width: 125px
+      display: inline-block
+  .become-backer
+    border: 1px solid $green
+    border-radius: 2em
+    display: inline-block
+    color: $green
+    font-size: .8em
+    width: 125px
+    padding: 4px 0
+    text-align: center
+    margin-bottom: 20px
+  .nav-dropdown
+    h4
+      font-weight: normal
+      margin: 0
 
 @media screen and (max-width: 900px)
-    .sidebar
-        position fixed
-        z-index 8
-        background-color #f9f9f9
-        height 100%
-        top 0
-        left 0
-        box-shadow 0 0 10px rgba(0,0,0,.2)
-        transition all .4s cubic-bezier(0.4, 0, 0, 1)
-        -webkit-transform translate(-280px, 0)
-        transform translate(-280px, 0)
-        .sidebar-inner
-            padding 60px 30px 30px
-            box-sizing border-box
-        .search-query
-            width 200px
-            margin-bottom 10px
-        .main-menu
-            display block
-        &.open
-            -webkit-transform translate(0, 0)
-            transform translate(0, 0)
+  .sidebar
+    position: fixed
+    z-index: 8
+    background-color: #f9f9f9
+    height: 100%
+    top: 0
+    left: 0
+    box-shadow: 0 0 10px rgba(0,0,0,.2)
+    transition: all .4s cubic-bezier(0.4, 0, 0, 1)
+    -webkit-transform: translate(-280px, 0)
+    transform: translate(-280px, 0)
+    .sidebar-inner
+      padding: 60px 30px 30px
+      box-sizing: border-box
+    .search-query
+      width: 200px
+      margin-bottom: 10px
+    .main-menu
+      display: block
+    &.open
+      -webkit-transform: translate(0, 0)
+      transform: translate(0, 0)
diff --git a/themes/vue/source/css/_sponsor.styl b/themes/vue/source/css/_sponsor.styl
index b373621b5d..cc757f9cd0 100644
--- a/themes/vue/source/css/_sponsor.styl
+++ b/themes/vue/source/css/_sponsor.styl
@@ -1,7 +1,7 @@
 .sponsors-page
   a, img
-    width 120px
-    display inline-block
-    vertical-align middle
+    width: 120px
+    display: inline-block
+    vertical-align: middle
   a
-    margin 10px 20px
+    margin: 10px 20px
diff --git a/themes/vue/source/css/_syntax.styl b/themes/vue/source/css/_syntax.styl
index bcf5499a41..f756d07e50 100644
--- a/themes/vue/source/css/_syntax.styl
+++ b/themes/vue/source/css/_syntax.styl
@@ -1,5 +1,5 @@
 .gutter pre
-  color #999
+  color: #999
 
 pre
   color: #525252
@@ -74,4 +74,4 @@ pre
   .xml .vbscript,
   .xml .css,
   .xml .cdata
-    opacity: 0.5
\ No newline at end of file
+    opacity: 0.5
diff --git a/themes/vue/source/css/benchmark.styl b/themes/vue/source/css/benchmark.styl
index 9e551b3a8b..671ce1d6a4 100644
--- a/themes/vue/source/css/benchmark.styl
+++ b/themes/vue/source/css/benchmark.styl
@@ -1,34 +1,34 @@
 #benchmark-results
-    margin-bottom 2em
-    ul
-        list-style-type none
-        padding 0
-        margin-left 0
+  margin-bottom: 2em
+  ul
+    list-style-type: none
+    padding: 0
+    margin-left: 0
 
-    .framework, .time, .bar, .inner
-        display inline-block
+  .framework, .time, .bar, .inner
+    display: inline-block
 
-    .framework
-        width 4.2em
-        //text-align right
-        margin-right 1em
-        font-weight 600
+  .framework
+    width: 4.2em
+    // text-align: right
+    margin-right: 1em
+    font-weight: 600
 
-    .time
-        width 4.2em
-        margin-right 1em
+  .time
+    width: 4.2em
+    margin-right: 1em
 
-    .bar
-        width 60%
-        &.min .inner
-            background-color #e74c3c
+  .bar
+    width: 60%
+    &.min .inner
+      background-color: #e74c3c
 
-    .inner
-        height 3px
-        vertical-align middle
-        background-color #3498db
+  .inner
+    height: 3px
+    vertical-align: middle
+    background-color: #3498db
 
 @media screen and (max-width: 600px)
-    #benchmark-results
-        .bar
-            width 45%
\ No newline at end of file
+  #benchmark-results
+    .bar
+      width: 45%
diff --git a/themes/vue/source/css/index.styl b/themes/vue/source/css/index.styl
index 1157bcf2c2..addcee6e07 100644
--- a/themes/vue/source/css/index.styl
+++ b/themes/vue/source/css/index.styl
@@ -6,169 +6,169 @@ $width = 900px
 $space = 50px
 
 body
-    background-color darken($light, 10%)
+  background-color: darken($light, 10%)
 
 #logo
-    span
-        font-size 1.2em
-    img
-        display none
+  span
+    font-size: 1.2em
+  img
+    display: none
 
 .sidebar
-    display none
+  display: none
 
 #mobile-bar
-    &.top
-        background-color transparent
-        box-shadow none
-        .logo
-            display none
+  &.top
+    background-color: transparent
+    box-shadow: none
+    .logo
+      display: none
 
 #hero
-    padding $space 40px
-    background-color #fff
-    .inner
-        max-width $width
-        margin 0 auto
-    .left, .right
-        display inline-block
-        vertical-align top
-    .left
-        width 39%
-    .right
-        width 61%
-    .hero-logo
-        width 215px
-        height 215px
-        float right
-        margin-right 60px
-    h1
-        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
-        font-weight 600
-        letter-spacing .1em
-        min-width 8em
-        text-align center
-        &:first-child
-            margin-right 1em
-    .social-buttons
-        list-style-type none
-        padding 0
-        li
-            display inline-block
-            vertical-align middle
-            margin-right 15px
+  padding: $space 40px
+  background-color: #fff
+  .inner
+    max-width: $width
+    margin: 0 auto
+  .left, .right
+    display: inline-block
+    vertical-align: top
+  .left
+    width: 39%
+  .right
+    width: 61%
+  .hero-logo
+    width: 215px
+    height: 215px
+    float: right
+    margin-right: 60px
+  h1
+    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
+    font-weight: 600
+    letter-spacing: .1em
+    min-width: 8em
+    text-align: center
+    &:first-child
+      margin-right: 1em
+  .social-buttons
+    list-style-type: none
+    padding: 0
+    li
+      display: inline-block
+      vertical-align: middle
+      margin-right: 15px
 
 #highlights
-    background-color #fff
-    padding-bottom 70px
-    .inner
-        max-width $width
-        margin 0 auto
-        text-align center
-    .point
-        width 33%
-        display inline-block
-        vertical-align top
-        box-sizing border-box
-        padding 0 2em
-        h2
-            color $green
-            font-size 1.5em
-            font-weight 400
-            margin 0
-            padding .5em 0
-        p
-            color $light
+  background-color: #fff
+  padding-bottom: 70px
+  .inner
+    max-width: $width
+    margin: 0 auto
+    text-align: center
+  .point
+    width: 33%
+    display: inline-block
+    vertical-align: top
+    box-sizing: border-box
+    padding: 0 2em
+    h2
+      color: $green
+      font-size: 1.5em
+      font-weight: 400
+      margin: 0
+      padding: .5em 0
+    p
+      color: $light
 
 #sponsors
-    text-align center
-    padding 35px 40px 45px
-    background-color #f6f6f6
-    .inner
-        max-width 700px
-        margin 0px auto
-    h3
-        color #999
-        font-size .9em
-        margin 0 0 10px
-    a
-        margin 20px 15px 0
-        position relative
-    a, img
-        width 100px
-        display inline-block
-        vertical-align middle
+  text-align: center
+  padding: 35px 40px 45px
+  background-color: #f6f6f6
+  .inner
+    max-width: 700px
+    margin: 0px auto
+  h3
+    color: #999
+    font-size: .9em
+    margin: 0 0 10px
+  a
+    margin: 20px 15px 0
+    position: relative
+  a, img
+    width: 100px
+    display: inline-block
+    vertical-align: middle
+  img
+    transition: all .3s ease
+    filter: grayscale(100%)
+    opacity: 0.66
+    &:hover
+      filter: none
+      opacity: 1
+  a.vip
+    display: block
+    margin: 30px auto 15px
+    width: 200px
     img
-        transition all .3s ease
-        filter grayscale(100%)
-        opacity 0.66
-        &:hover
-            filter none
-            opacity 1
-    a.vip
-        display block
-        margin 30px auto 15px
-        width 200px
-        img
-            width 200px
-    .become-sponsor
-        margin-top 40px
-        font-size .9em
-        font-weight 700
-        width auto
-        background-color transparent
+      width: 200px
+  .become-sponsor
+    margin-top: 40px
+    font-size: .9em
+    font-weight: 700
+    width: auto
+    background-color: transparent
 
 #footer
-    padding $space 0
-    color #fff
-    text-align center
-    a
-        font-weight 700
-        color #fff
+  padding: $space 0
+  color: #fff
+  text-align: center
+  a
+    font-weight: 700
+    color: #fff
 
 @media screen and (max-width: $width)
-    body
-        -webkit-text-size-adjust none
-        font-size 14px
-    .sidebar
-        display block
-    #header
-        display none
-    #mobile-bar
-        display block
-    #hero
-        padding $space 40px 30px
-        .hero-logo
-            float none
-            margin 30px 0 15px
-            width 140px
-            height 140px
-        .left, .right
-            text-align center
-            width 100%
-        h1
-            font-size 2em
-        h2
-            display block
-        .button
-            font-size .9em
-    #highlights
-        .point
-            display block
-            margin 0 auto
-            width 300px
-            padding 0 40px 30px
-            &:before
-                content "—"
-                color $green
+  body
+    -webkit-text-size-adjust: none
+    font-size: 14px
+  .sidebar
+    display: block
+  #header
+    display: none
+  #mobile-bar
+    display: block
+  #hero
+    padding: $space 40px 30px
+    .hero-logo
+      float: none
+      margin: 30px 0 15px
+      width: 140px
+      height: 140px
+    .left, .right
+      text-align: center
+      width: 100%
+    h1
+      font-size: 2em
+    h2
+      display: block
+    .button
+      font-size: .9em
+  #highlights
+    .point
+      display: block
+      margin: 0 auto
+      width: 300px
+      padding: 0 40px 30px
+      &:before
+        content: "—"
+        color: $green
diff --git a/themes/vue/source/css/page.styl b/themes/vue/source/css/page.styl
index 8c349a0cfb..e3e8ccb1ae 100644
--- a/themes/vue/source/css/page.styl
+++ b/themes/vue/source/css/page.styl
@@ -9,226 +9,226 @@
 @import "_animations"
 
 #header
-    box-shadow 0 0 1px rgba(0,0,0,.25)
-    transition background-color .3s ease-in-out
+  box-shadow: 0 0 1px rgba(0,0,0,.25)
+  transition: background-color .3s ease-in-out
 
 .content
-    position relative
-    padding 2.2em 0
-    max-width 600px
-    margin 0 auto
+  position: relative
+  padding: 2.2em 0
+  max-width: 600px
+  margin: 0 auto
+  padding-left: 20px
+  &.api
+    > a:first-of-type > h2
+      margin-top: 0
+      padding-top: 0
+    ul
+      padding-left: 1.25em
+      line-height: 1.4em
+      ul, p:not(.tip)
+        padding-bottom: 0
+        margin: 1.2em 0
+  a.button
+    font-size: .9em
+    color: #fff
+    margin: .2em 0
+    width: 180px
+    text-align: center
+    padding: 12px 24px
+    display: inline-block
+    vertical-align: middle
+  img
+    max-width: 100%
+  span.light
+    color: $light
+  span.info
+    font-size: .85em
+    display: inline-block
+    vertical-align: middle
+    width: 280px
+    margin-left: 20px
+  h1
+    margin: 0 0 1em
+  h2, h3
+    &:before
+      content: ''
+      display: block
+      margin-top: -1 * $heading-link-padding-top
+      height: $heading-link-padding-top
+      visibility: hidden
+  h2
+    margin: $h2-margin-top 0 .8em
+    padding-bottom: .7em
+    border-bottom: 1px solid $border
+    z-index: -1
+  h3
+    margin: $h3-margin-top 0 1.2em
+    position: relative
+    z-index: -1
+    &:after
+      content: "#"
+      color: $green
+      position: absolute
+      left: -0.7em
+      bottom: -2px
+      font-size: 1.2em
+      font-weight: bold
+  figure
+    margin: 1.2em 0
+  p, ul, ol
+    line-height: 1.6em
+    // HACK: Create area underneath paragraphs
+    // and lists that will be on top of heading
+    // anchors, for easier text highlighting.
+    margin: 1.2em 0 -1.2em
+    padding-bottom: 1.2em
+    position: relative
+    z-index: 1
+  ul, ol
+    padding-left: 1.5em
+    // FIX: Some link click targets are covered without this
+    position: inherit
+  a
+    color: $green
+    font-weight: 600
+  blockquote
+    margin: 2em 0
     padding-left: 20px
-    &.api
-        > a:first-of-type > h2
-            margin-top 0
-            padding-top: 0
-        ul
-            padding-left 1.25em
-            line-height 1.4em
-            ul, p:not(.tip)
-                padding-bottom 0
-                margin 1.2em 0
-    a.button
-        font-size .9em
-        color #fff
-        margin .2em 0
-        width 180px
-        text-align center
-        padding 12px 24px
-        display inline-block
-        vertical-align middle
-    img
-        max-width 100%
-    span.light
-        color $light
-    span.info
-        font-size .85em
-        display inline-block
-        vertical-align middle
-        width 280px
-        margin-left 20px
-    h1
-        margin 0 0 1em
-    h2, h3
-        &:before
-            content ''
-            display block
-            margin-top -1 * $heading-link-padding-top
-            height $heading-link-padding-top
-            visibility hidden
-    h2
-        margin $h2-margin-top 0 .8em
-        padding-bottom .7em
-        border-bottom 1px solid $border
-        z-index: -1
-    h3
-        margin $h3-margin-top 0 1.2em
-        position relative
-        z-index: -1
-        &:after
-            content "#"
-            color $green
-            position absolute
-            left -0.7em
-            bottom -2px
-            font-size 1.2em
-            font-weight bold
-    figure
-        margin 1.2em 0
-    p, ul, ol
-        line-height 1.6em
-        // HACK: Create area underneath paragraphs
-        // and lists that will be on top of heading
-        // anchors, for easier text highlighting.
-        margin 1.2em 0 -1.2em
-        padding-bottom 1.2em
-        position relative
-        z-index: 1
-    ul, ol
-        padding-left 1.5em
-        // FIX: Some link click targets are covered without this
-        position inherit
-    a
-        color $green
-        font-weight 600
-    blockquote
-        margin 2em 0
-        padding-left 20px
-        border-left 4px solid $green
-        p
-            font-weight 600
-            margin-left 0
-            margin-bottom 0
-            padding-bottom 0
-    iframe
-        margin 1em 0
-    > table
-        border-spacing 0
-        border-collapse collapse
-        margin 1.2em auto
-        padding 0
-        display block
-        overflow-x auto
-        td, th
-            line-height 1.5em
-            padding .4em .8em
-            border none
-            border 1px solid #ddd
-        th
-            font-weight bold
-            text-align left
-        th, tr:nth-child(2n)
-            background-color #f8f8f8
-            code
-                background-color #efefef
+    border-left: 4px solid $green
     p
-        &.tip, &.success
-            padding 12px 24px 12px 30px
-            margin 2em 0
-            border-left-width 4px
-            border-left-style solid
-            background-color $codebg
-            position relative
-            border-bottom-right-radius $radius
-            border-top-right-radius $radius
-            &:before
-                position absolute
-                top 14px
-                left -12px
-                color #fff
-                width 20px
-                height 20px
-                border-radius 100%
-                text-align center
-                line-height 20px
-                font-weight bold
-                font-family $logo-font
-                font-size 14px
-            code
-                background-color #efefef
-            em
-                color $medium
-        &.tip
-            border-left-color: $red
-            &:before
-                content '!'
-                background-color $red
-        &.success
-            border-left-color: $green
-            &:before
-                content '\f00c'
-                font-family: FontAwesome
-                background-color $green
+      font-weight: 600
+      margin-left: 0
+      margin-bottom: 0
+      padding-bottom: 0
+  iframe
+    margin: 1em 0
+  > table
+    border-spacing: 0
+    border-collapse: collapse
+    margin: 1.2em auto
+    padding: 0
+    display: block
+    overflow-x: auto
+    td, th
+      line-height: 1.5em
+      padding: .4em .8em
+      border: none
+      border: 1px solid #ddd
+    th
+      font-weight: bold
+      text-align: left
+    th, tr:nth-child(2n)
+      background-color: #f8f8f8
+      code
+        background-color: #efefef
+  p
+    &.tip, &.success
+      padding: 12px 24px 12px 30px
+      margin: 2em 0
+      border-left-width: 4px
+      border-left-style: solid
+      background-color: $codebg
+      position: relative
+      border-bottom-right-radius: $radius
+      border-top-right-radius: $radius
+      &:before
+        position: absolute
+        top: 14px
+        left: -12px
+        color: #fff
+        width: 20px
+        height: 20px
+        border-radius: 100%
+        text-align: center
+        line-height: 20px
+        font-weight: bold
+        font-family: $logo-font
+        font-size: 14px
+      code
+        background-color: #efefef
+      em
+        color: $medium
+    &.tip
+      border-left-color: $red
+      &:before
+        content: '!'
+        background-color: $red
+    &.success
+      border-left-color: $green
+      &:before
+        content: '\f00c'
+        font-family: FontAwesome
+        background-color: $green
 
 .guide-links
-    margin-top 2em
-    height 1em
+  margin-top: 2em
+  height: 1em
 
 .footer
-    color $light
-    margin-top 2em
-    padding-top 2em
-    border-top 1px solid #e5e5e5
-    font-size .9em
+  color: $light
+  margin-top: 2em
+  padding-top: 2em
+  border-top: 1px solid #e5e5e5
+  font-size: .9em
 
 #main.fix-sidebar
-    .sidebar
-        position fixed
+  .sidebar
+    position: fixed
 
 @media screen and (min-width: 1590px)
-    #header
-        background-color rgba(255,255,255,.4)
+  #header
+    background-color: rgba(255,255,255,.4)
 
 @media screen and (max-width: 1300px)
-    .content.with-sidebar
-        margin-left 290px
-    #ad
-        z-index 7
-        position relative
-        padding 0
-        bottom 0
-        right 0
-        float right
-        padding 0 0 20px 30px
+  .content.with-sidebar
+    margin-left: 290px
+  #ad
+    z-index: 7
+    position: relative
+    padding: 0
+    bottom: 0
+    right: 0
+    float: right
+    padding: 0 0 20px 30px
 
 @media screen and (max-width: 900px)
-    body
-        -webkit-text-size-adjust none
-        font-size 14px
-    #header
-        display none
-    #logo
-        display none
-    .nav-link
-        padding-bottom 1px
-        &:hover, &.current
-            border-bottom 2px solid $green
-    #mobile-bar
-        display block
-    #main
-        padding 2em 1.4em 0
-    .highlight pre
-        padding 1.2em 1em
-    .content
-        &.with-sidebar
-            margin auto
-        h2, h3
-            &:before
-                content ''
-                display block
-                margin-top -1 * $mobile-heading-link-padding-top
-                height $mobile-heading-link-padding-top
-                visibility hidden
-    .footer
-        margin-left 0
-        text-align center
+  body
+    -webkit-text-size-adjust: none
+    font-size: 14px
+  #header
+    display: none
+  #logo
+    display: none
+  .nav-link
+    padding-bottom: 1px
+    &:hover, &.current
+      border-bottom: 2px solid $green
+  #mobile-bar
+    display: block
+  #main
+    padding: 2em 1.4em 0
+  .highlight pre
+    padding: 1.2em 1em
+  .content
+    &.with-sidebar
+      margin: auto
+    h2, h3
+      &:before
+        content: ''
+        display: block
+        margin-top: -1 * $mobile-heading-link-padding-top
+        height: $mobile-heading-link-padding-top
+        visibility: hidden
+  .footer
+    margin-left: 0
+    text-align: center
 
 @media screen and (max-width: 560px)
-    #downloads
-        text-align center
-        margin-bottom 25px
-        .info
-            margin-top 5px
-            margin-left 0
-    iframe
-        margin: 0 !important
+  #downloads
+    text-align: center
+    margin-bottom: 25px
+    .info
+      margin-top: 5px
+      margin-left: 0
+  iframe
+    margin: 0 !important
diff --git a/themes/vue/source/css/search.styl b/themes/vue/source/css/search.styl
index 287ed6aff4..b985832196 100644
--- a/themes/vue/source/css/search.styl
+++ b/themes/vue/source/css/search.styl
@@ -3,37 +3,37 @@
 $border = #ddd
 
 .algolia-autocomplete
-    line-height normal
+  line-height: normal
 
 .aa-dropdown-menu
-    width 100%
-    border-color #999
-    font-size 0.9rem
+  width: 100%
+  border-color: #999
+  font-size: 0.9rem
 
 @media (min-width: 768px)
-    .aa-dropdown-menu
-        min-width: 515px
+  .aa-dropdown-menu
+    min-width: 515px
 
 .algolia-docsearch-suggestion
-    border-color $border
+  border-color: $border
 
 .algolia-docsearch-suggestion--content
-    color $dark
+  color: $dark
 
 .algolia-docsearch-suggestion--subcategory-column
-    border-color $border
+  border-color: $border
 
 .algolia-docsearch-suggestion--category-header
-    background: $green
+  background: $green
 
 .algolia-docsearch-footer
-    border-color $border
+  border-color: $border
 
 .algolia-docsearch-suggestion--category-header .algolia-docsearch-suggestion--highlight
-    background rgba(255, 255, 255, 0.6)
+  background: rgba(255, 255, 255, 0.6)
 
 .algolia-docsearch-suggestion--highlight
-    color: #2c815b
+  color: #2c815b
 
 .aa-cursor .algolia-docsearch-suggestion--content
-    color: $dark
+  color: $dark