fix: minor style fixes

source/css/_partial/profile.styl

@@ -54,11 +54,11 @@
                 line-height: 40px
                 text-align: center
                 margin: 20px auto 10px
-                background: #38b7ea
+                background: color-link
                 border-radius: 20px
                 transition: 0.2s ease
                 &:hover
-                    background: #38b7ea + #111
+                    background: color-link + #111
         .article-info
             clearfix()
             padding: 0px

source/css/_partial/timeline.styl

@@ -1,6 +1,6 @@
 .timeline-wrap
-    border-left: 4px solid #e7e7e7
     margin: 40px 20px 40px 40px
+    border-left: 3px solid color-border
     @media mq-mini
         margin: 40px 20px 40px 30px
     @media mq-mobile
@@ -19,12 +19,11 @@
         border-radius: 50%
         margin: 11px 0 0 -8px
         display: inline-block
-        background-color: #38b7ea
+        background-color: color-link
     .content
+        @extend $block
         margin-left: 25px
         position: relative
-        background-color: white
-        box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05)
         &:after,
         &:before
             content: ''
@@ -48,6 +47,8 @@
             a
                 @extend $link-dark
         .article-meta
+            font-size: 12px
+            color: color-default + #333
             border-top: 1px solid #f7f7f7
             background-color: rgba(244, 246, 247, 0.2)
 

source/css/_variables.styl

@@ -12,7 +12,6 @@ color-sidebar-text = #777
 color-sidebar-text-dark = #333
 color-widget-background = #ddd
 color-widget-border = #ccc
-color-mobile-nav-background = #191919
 
 // Fonts
 font-sans = "open sans", "Helvetica Neue", "Microsoft Yahei", Helvetica, Arial, sans-serif