style: CSS 样式优化

source/css/layout/_partial/article-meta-info.styl

@@ -1,15 +1,18 @@
 @require '../common/variables.styl'
 
-$article-meta-info-color = #aaa;
 $article-meta-info-font-size = 12px;
 
 .article-meta-info {
 
-  color: $article-meta-info-color;
+  color: $third-text-color;
   font-size: $article-meta-info-font-size;
 
   .article-meta-item {
     margin-right: 10px;
+
+    &:last-child {
+      margin-right: 0;
+    }
   }
 
   .article-tags, .article-categories {
@@ -20,7 +23,7 @@ $article-meta-info-font-size = 12px;
     }
 
     a {
-      color: $article-meta-info-color;
+      color: $third-text-color;
 
       &:hover {
         color: $primary-color;

source/css/layout/_partial/footer.styl

@@ -1,12 +1,23 @@
+@require '../common/variables.styl'
 .footer {
 
+  color: $third-text-color;
+
+  a {
+    color: $third-text-color;
+
+    &:hover {
+      color: $primary-color;
+    }
+  }
+
   .info-container {
-    padding-bottom 10px
+    padding-bottom: 10px;
-    text-align center
+    text-align: center;
   }
 
   .info-item {
-    margin 5px 0
+    margin: 5px 0;
   }
 
 }

source/css/layout/archive-content.styl

@@ -1,8 +1,8 @@
 @require 'common/variables.styl'
 
 $archive-year-font-size = 24px;
-$archive-article-item-title-font-size = 16px;
+$article-title-font-size = 16px;
-$archive-article-date-font-size = 14px;
+$article-date-font-size = 14px;
 
 .archive-container {
 
@@ -25,7 +25,7 @@ $archive-article-date-font-size = 14px;
 
       .article-item {
         margin: 20px 0;
-        font-size: $archive-article-item-title-font-size;
+        font-size: $article-title-font-size;
 
         a.article-title {
           color: $normal-text-color;
@@ -36,7 +36,7 @@ $archive-article-date-font-size = 14px;
         }
 
         .article-date {
-          font-size: $archive-article-date-font-size;
+          font-size: $article-date-font-size;
           float: right;
         }
       }

source/css/layout/article-content.styl

@@ -5,9 +5,7 @@
   .article-title {
 
     h3 {
-      text-transform: uppercase;
       font-weight: 600;
-      color: $second-text-color;
       font-size: 22px;
       margin: 0;
     }
@@ -23,17 +21,14 @@
   }
 
   .article-content {
-
+    padding-bottom: 20px;
-    padding-bottom: 10px;
+    border-bottom: 1px solid $border-color;
-    border-bottom: 1px solid #f2f2f2;
-
   }
 
 
   .article-nav {
-
     height 40px
-    margin 30px 0
+    margin 40px 0
 
     .article-prev {
       float left

source/css/layout/common/variables.styl

@@ -1,5 +1,25 @@
+// ==================================
+// ils-x variables
+// ==================================
+
+// 头部默认高度
+$header-height = 100px
+
+// 头部收缩高度
+$header-shrink-height = 60px
+
+// 中间内容区域宽度
+$main-content-width = 70%
+
+// z-index
+$z-index-1 = 1001
+$z-index-2 = 1002
+$z-index-3 = 1003
+$z-index-4 = 1004
+$z-index-5 = 1005
+
 // 主题颜色
-$primary-color = #5ace11
+$primary-color = #ce3e29
 
 // 第一文本颜色
 $first-text-color = #2c3e50
@@ -31,27 +51,3 @@ $default-font-line-height = 20px
 
 // 默认字体加粗程度
 $default-font-weight = 400
-
-// 超链接a标签颜色
-$a-color = #666
-
-
-
-// ==================================
-// ils-x variables
-// ==================================
-
-// 头部默认高度
-$header-height = 100px
-
-// 头部收缩高度
-$header-shrink-height = 60px
-
-// 中间内容区域宽度
-$main-content-width = 70%
-
-$z-index-1 = 1001
-$z-index-2 = 1002
-$z-index-3 = 1003
-$z-index-4 = 1004
-$z-index-5 = 1005

source/css/layout/home-content.styl

@@ -24,14 +24,6 @@
           transition: all 0.5s ease;
         }
 
-
-        &:hover {
-          &::before {
-            opacity: 0;
-          }
-        }
-
-
         font-weight: 600;
         color: $second-text-color;
         font-size: 22px;

source/css/layout/page.styl

@@ -8,7 +8,7 @@
     top: 0;
     width: 100%;
     height: $header-height;
-    z-index: 999;
+    z-index: $z-index-5;
     transition: all 0.5s ease;
   }
 
@@ -24,8 +24,6 @@
       position: relative;
       padding: 40px 0;
     }
-
-
   }
 
   .page-bottom {