🏷️ 更新至3.0.0-RC-1 close #189, close #192, close #223, close #224, close #229, close 232, close #240

source/css/_layout/page.styl

@@ -80,27 +80,23 @@
         width: 100%
 
       & > .article-title
-        display: -webkit-box
-        overflow: hidden
+        @extend .limit-more-line
         margin-bottom: .3rem
         color: $font-black
-        text-overflow: ellipsis
-        word-wrap: break-word
         font-size: 1.2rem
         line-height: 1.4
         transition: all .2s ease-in-out
-        -webkit-box-orient: vertical
         -webkit-line-clamp: 2
 
         &:hover
           color: $light-blue !important
 
       & > .article-meta-wrap
-        font-size: 95%
+        font-size: 85%
 
         & > time
           color: $theme-meta-color
-          cursor: pointer
+          cursor: default
 
         & > .article-meta
           color: $theme-meta-color
@@ -111,12 +107,14 @@
         i
           margin: 0 .2rem 0 0
 
-        .article-meta__separator,
-        .article-meta__link
+        .article-meta__separator
           margin: 0 .3rem
 
+        .article-meta__link
+          margin: 0 .2rem
+
         .fa-angle-right
-          margin: 0 .3rem
+          margin: 0 .2rem
 
         a.article-meta__categories,
         a.article-meta__tags
@@ -127,13 +125,9 @@
             text-decoration: underline
 
       & > .content
-        display: -webkit-box
-        overflow: hidden
+        @extend .limit-more-line
         margin-top: .3rem
-        // height: 85px
-        word-break: break-word
         -webkit-line-clamp: 3
-        -webkit-box-orient: vertical
 
 // tags page
 .tag-cloud
@@ -261,13 +255,11 @@
       font-size: .7rem
 
     &__title
-      display: -webkit-box
-      overflow: hidden
+      @extend .limit-more-line
       color: $font-black
       font-size: .75rem
       transition: all .3s
       -webkit-line-clamp: 2
-      -webkit-box-orient: vertical
 
       &:hover
         color: $light-blue !important