breaking changes: 移除 html 的 font-size 改為瀏覽器默認大小

feat: 為文章單獨設置 TOC simple_style 顯示 closed #631
feat: page 頁頂部圖增加黑色遮罩 closed #671
feat: 首頁 pagination 更新 UI
fix: 修復使用本地搜索時，搜索插件配置為不搜索文章內容會無法使用搜索 的 bug
fix: 修復開啟 photofigcaption 後，導致inlineImg標籤外掛顯示錯亂的 bug
fix: 修復 字體過大/過小而導致 部分 ui 偏移的 bug
improvement: 主題 css 使用的 rem 改為 em 或 px
improvement: 修改没有顶部图下，文章页的标题大小 closed #669
improvement: 代碼優化

source/css/_page/homepage.styl

@@ -1,48 +1,23 @@
 #recent-posts
   & > .recent-post-item:not(:first-child)
-    margin-top: 1rem
+    margin-top: 20px
 
   & > .recent-post-item
+    @extend .cardHover
     display: flex
     flex-direction: row
     align-items: center
+    overflow: hidden
     height: 20em
-    border-radius: 12px 8px 8px 12px
-    background: var(--card-bg)
-    box-shadow: var(--card-box-shadow)
-    transition: all .3s
 
     +maxWidth768()
-      border-radius: 12px 12px 8px 8px
+      flex-direction: column
+      height: auto
 
     &:hover
-      box-shadow: var(--card-hover-box-shadow)
-
       img.post_bg
         transform: scale(1.1)
 
-    if hexo-config('cover.position') == 'both'
-      .left_radius
-        border-radius: 8px 0 0 8px
-
-      .right_radius
-        order: 2
-        border-radius: 0 8px 8px 0
-    else if hexo-config('cover.position') == 'left'
-      .left_radius
-        border-radius: 8px 0 0 8px
-
-      .right_radius
-        border-radius: 8px 0 0 8px
-    else if hexo-config('cover.position') == 'right'
-      .left_radius
-        order: 2
-        border-radius: 0 8px 8px 0
-
-      .right_radius
-        order: 2
-        border-radius: 0 8px 8px 0
-
     &.ads-wrap
       display: block !important
       height: auto !important
@@ -51,7 +26,10 @@
       overflow: hidden
       width: 45%
       height: 100%
-      -webkit-mask-image: -webkit-radial-gradient(white, black)
+
+      +maxWidth768()
+        width: 100%
+        height: 230px
 
       img.post_bg
         width: 100%
@@ -59,31 +37,42 @@
         transition: all .6s
         object-fit: cover
 
-        &:hover
-          transform: scale(1.1)
+      &.right
+        order: 1
+
+        +maxWidth768()
+          order: 0
 
     & >.recent-post-info
-      display: inline-block
-      overflow: hidden
       padding: 0 40px
       width: 55%
 
+      +maxWidth768()
+        padding: 20px 20px 30px
+        width: 100%
+
       &.no-cover
         width: 100%
 
+        +maxWidth768()
+          padding: 30px 20px
+
       & > .article-title
         @extend .limit-more-line
-        margin-bottom: .3rem
         color: var(--text-highlight-color)
         font-size: 1.72em
         line-height: 1.4
         transition: all .2s ease-in-out
         -webkit-line-clamp: 2
 
+        +maxWidth768()
+          font-size: 1.43em
+
         &:hover
           color: $text-hover
 
       & > .article-meta-wrap
+        margin: 6px 0
         color: $theme-meta-color
         font-size: 90%
 
@@ -94,22 +83,22 @@
           color: $sticky-color
 
         i
-          margin: 0 .2rem 0 0
+          margin: 0 4px 0 0
 
         .article-meta-label
           if hexo-config('post_meta.page.label')
-            padding-right: .2rem
+            padding-right: 4px
           else
             display: none
 
         .article-meta__separator
-          margin: 0 .3rem
+          margin: 0 6px
 
         .article-meta__link
-          margin: 0 .2rem
+          margin: 0 4px
 
         .fa-angle-right
-          margin: 0 .2rem
+          margin: 0 4px
 
         if hexo-config('post_meta.page.date_format') == 'relative'
           time
@@ -124,31 +113,4 @@
 
       & > .content
         @extend .limit-more-line
-        margin-top: .3rem
-        -webkit-line-clamp: 3
-
-+maxWidth768()
-  #recent-posts
-    .recent-post-item
-      flex-direction: column
-      height: auto !important
-
-      .post_cover
-        order: 1 !important
-        width: 100%
-        height: 230px
-        border-radius: 8px 8px 0 0
-
-      .recent-post-info
-        order: 2 !important
-        padding: 1rem 1rem 1.5rem
-        width: 100%
-
-        &.no-cover
-          padding: 1.5rem 1rem
-
-        .article-title
-          font-size: 1.43em
-
-        .content
-          height: auto
+        -webkit-line-clamp: 3