style: use more exact class selector, and clean old element selector code.

Author: ulivz

docs/.vuepress/config.js

@@ -110,7 +110,7 @@ module.exports = {
             items: [
               {
                 text: 'Vue Curated',
-                link: 'ttps://curated.vuejs.org/'
+                link: 'https://curated.vuejs.org/'
               },
               {
                 text: 'Awesome Vue',

lib/default-theme/NavLinks.vue

@@ -12,11 +12,13 @@
         <span class="arrow"></span>
         <ul class="nav-dropdown">
           <li
+            class="dropdown-item"
             v-for="subItem in item.items"
             :key="subItem.link">
             <h4 v-if="subItem.type === 'links'">{{ subItem.text }}</h4>
-            <ul v-if="subItem.type === 'links'">
+            <ul class="dropdown-subitem-wrapper" v-if="subItem.type === 'links'">
               <li
+                class="dropdown-subitem"
                 v-for="childSubItem in subItem.items"
                 :key="childSubItem.link">
                 <nav-link :item="childSubItem"></nav-link>
@@ -100,9 +102,18 @@ export default {
         border-right 4px solid transparent
         border-top 5px solid #ccc
       .nav-dropdown
-        li
+        .dropdown-item
           color inherit
           line-height 1.7rem
+          h4
+            margin 0.45rem 0 0
+            border-top 1px solid #eee
+            padding 0.45rem 1.5rem 0 1.25rem
+          .dropdown-subitem-wrapper
+            padding 0
+            list-style none
+            .dropdown-subitem
+              font-size 0.9em
           a
             display block
             height 1.7rem
@@ -130,13 +141,6 @@ export default {
             margin-top 0
             padding-top 0
             border-top 0
-          & > h4
-            margin 0.45rem 0 0
-            border-top 1px solid #eee
-            padding 0.45rem 1.5rem 0 1.25rem
-          & > ul
-            padding 0
-            list-style none
   .github-link
     margin-left 1.5rem
 

lib/default-theme/Sidebar.vue

@@ -90,17 +90,21 @@ function resolveOpenGroupIndex (route, items) {
     .nav-item .dropdown-wrapper
       .dropdown-title
         display inline-block
-        margin-bottom 5px
+        margin-bottom 0.5rem
       .nav-dropdown
-        li, h4
-          font-size 15px
-          line-height 1.7rem
-        h4
-          border-top 0
-          margin-top 0
-          padding-top 0
-        ul > li
-          padding-left 1rem
+        .dropdown-item
+          h4
+            border-top 0
+            margin-top 0
+            padding-top 0
+          h4, & > a
+            font-size 15px
+            height 2rem
+            line-height 2rem
+          .dropdown-subitem
+            font-size 14px
+            padding-left 1rem
+
   .sidebar-links
     margin-top 1.5rem