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/_layout/aside.styl

@@ -14,20 +14,14 @@
     margin-top: 0
 
     +maxWidth900()
-      margin-top: 1rem
+      margin-top: 20px
 
   .card-widget
+    @extend .cardHover
     position: relative
     overflow: hidden
-    margin-top: 1rem
-    padding: 1rem 1.2rem
-    border-radius: 8px
-    background: var(--card-bg)
-    box-shadow: var(--card-box-shadow)
-    transition: box-shadow .3s
-
-    &:hover
-      box-shadow: var(--card-hover-box-shadow)
+    margin-top: 20px
+    padding: 20px 24px
 
     if hexo-config('aside.mobile') == false
       +maxWidth768()
@@ -41,11 +35,11 @@
         font-size: 1.57em
 
       &__description
-        margin-top: -.3rem
+        margin-top: -.42em
 
     .card-info-data
       display: table
-      margin: .7rem 0 .2rem
+      margin: 14px 0 4px
       width: 100%
       table-layout: fixed
 
@@ -59,18 +53,17 @@
             font-size: 1em
 
           .length-num
-            margin-top: -.3rem
+            margin-top: -.42em
             color: var(--text-highlight-color)
             font-size: 1.4em
 
     .card-info-social-icons
-      margin: .3rem 0 -.3rem
+      margin: 6px 0 -6px
 
       .social-icon
-        margin: 0 .5rem
+        margin: 0 10px
         color: var(--font-color)
         font-size: 1.4em
-        cursor: pointer
 
       i
         transition: all .3s
@@ -80,21 +73,21 @@
 
     #card-info-btn
       display: block
-      margin-top: .7rem
+      margin-top: 14px
       background-color: var(--btn-bg)
       color: var(--btn-color)
       text-align: center
       line-height: 2.4
 
       span
-        padding-left: .5rem
+        padding-left: 10px
 
   .item-headline
-    padding-bottom: .3rem
+    padding-bottom: 6px
     font-size: 1.2em
 
     span
-      margin-left: .3rem
+      margin-left: 6px
 
   .sticky_layout
     +minWidth900()
@@ -106,7 +99,7 @@
   .card-tag-cloud
     a
       display: inline-block
-      padding: 0 .2rem
+      padding: 0 4px
 
       &:hover
         color: $text-hover !important
@@ -114,13 +107,13 @@
   .aside-list
     & > span
       display: block
-      margin-bottom: .5rem
+      margin-bottom: 10px
       text-align: center
 
     & > .aside-list-item
       display: flex
       align-items: center
-      padding: .3rem 0
+      padding: 6px 0
 
       &:first-child
         padding-top: 0
@@ -184,13 +177,13 @@
   .card-categories ul.card-category-list > .card-category-list-item
     a
       display: inline-block
-      padding: .15rem .5rem
+      padding: 3px 10px
       width: 100%
       color: var(--font-color)
       transition: all .4s
 
       &:hover
-        padding: .15rem .85rem
+        padding: 3px 17px
         background-color: var(--text-bg-hover)
 
       span
@@ -208,7 +201,7 @@
   .card-categories
     .card-category-list
       &.child
-        padding: 0 0 0 .8rem
+        padding: 0 0 0 16px
 
       > .parent
         > a
@@ -222,8 +215,8 @@
 
         i
           float: right
-          margin-right: -.35rem
-          padding: .35rem
+          margin-right: -.5em
+          padding: .5em
           transition: transform .3s
           transform: rotate(0)
 
@@ -239,12 +232,12 @@
       .webinfo-item
         display: flex
         align-items: center
-        padding: .1rem .5rem 0
+        padding: 2px 10px 0
 
         div
           &:first-child
             flex: 1
-            padding-right: 1rem
+            padding-right: 20px
 
   // toc
   #card-toc
@@ -261,7 +254,15 @@
       opacity: 0
       transform-origin: right bottom
 
+    .toc-percentage
+      float: right
+      margin-top: -9px
+      color: #a9a9a9
+      font-style: italic
+      font-size: 140%
+
     .toc-content
+      clear: both
       overflow-y: auto
       max-height: calc(100vh - 120px)
 
@@ -288,11 +289,11 @@
 
       ol
         margin: 0
-        padding-left: .4rem
+        padding-left: 15px
 
       .toc-link
         display: block
-        padding-left: .3rem
+        padding-left: 6px
         border-left: 3px solid transparent
         color: var(--toc-link-color)
         transition: all .2s ease-in-out
@@ -302,15 +303,6 @@
           background: $theme-toc-color
           color: $toc-active-color
 
-      &:before
-        position: absolute
-        top: .6rem
-        right: 1.2rem
-        color: #a9a9a9
-        content: attr(progress-percentage)
-        font-style: italic
-        font-size: 1.2rem
-
   :only-child
     > .card-widget
       margin-top: 0