unify sidebar-link sizes

Author: cwaring

docs/.vuepress/theme/components/Breadcrumbs.vue

@@ -50,7 +50,7 @@ nav
 
   @media (min-width: $MQMobile)
     padding: 1.5rem 0
-    margin: 0 2.5em
+    margin: 0 2.5rem
 
   &.fixed
     position fixed
@@ -61,12 +61,18 @@ nav
     display flex
 .breadcrumb
   margin-right: 0.5em
+  color: $sidebarTextColor;
+  opacity: 0.5;
+  font-weight 600
+  transition: opacity 0.5s;
   &:not(:first-child)::before
     margin-right: 0.5em
     content "/"
     font-family inherit
     font-size inherit
 
   &:last-child
-    cursor default
+  &:hover
+    opacity 1
+    color: $accentColor
 </style>

docs/.vuepress/theme/styles/sidebar.styl

@@ -3,15 +3,11 @@ ul > li > a.sidebar-link {
 	font-weight: 500;
 }
 
-ul.sidebar-links > li > a {
-	color: inherit;
-}
-
 header.navbar .nav-links {
 	display: none;
 }
 
-.sidebar {
+#app .sidebar {
 	.nav-links {
 		display: block !important;
 
@@ -20,8 +16,17 @@ header.navbar .nav-links {
 		}
 	}
 
-	.sidebar-heading {
+	.sidebar-group-items {
+		font-size: 1em !important;
+
+		> li .sidebar-link {
+			font-size: 0.95em !important;
+		}
+	}
+
+	> .sidebar-links > li > a.sidebar-link, .sidebar-heading {
 		font-weight: bold !important;
+		font-size: 1em;
 	}
 
 	.sidebar-group.is-sub-group a.sidebar-link {