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/_search/algolia.styl

@@ -6,16 +6,16 @@
       width: 100%
 
       input
-        padding: .25rem .7rem
+        padding: 5px 14px
         outline: none
         border: 2px solid $search-color
-        border-radius: 2rem
+        border-radius: 40px
         background: var(--search-bg)
         color: var(--search-input-color)
 
     .ais-hits--item.algolia-hit-item
       position: relative
-      padding-left: 1.2rem
+      padding-left: 24px
 
       &:hover
         &:before
@@ -28,7 +28,7 @@
         left: 0
         width: w = $w
         height: h = w
-        border: .15rem solid $search-color
+        border: 3px solid $search-color
         border-radius: w
         background: transparent
         content: ''
@@ -48,20 +48,20 @@
         font-weight: bold
 
     .ais-pagination.pagination
-      margin: .8rem 0 0
+      margin: 16px 0 0
       padding: 0
       text-align: center
 
       .ais-pagination--item
-        margin: 0 .2rem
+        margin: 0 4px
         padding: 0
 
         a
           display: inline-block
-          min-width: 1.2rem
-          height: 1.2rem
+          min-width: 24px
+          height: 24px
           text-align: center
-          line-height: 1.2rem
+          line-height: 24px
 
       .ais-pagination--item.current
         a
@@ -71,5 +71,5 @@
 
     .algolia-logo
       padding-top: 2px
-      width: 4rem
-      height: 1.5rem
+      width: 80px
+      height: 30px

source/css/_search/index.styl

@@ -1,12 +1,12 @@
 .search-dialog
   position: fixed
-  top: 5rem
+  top: 100px
   left: 50%
   z-index: 1001
   display: none
-  margin-left: -15rem
-  padding: 1rem
-  width: 30rem
+  margin-left: -300px
+  padding: 20px
+  width: 600px
   border-radius: 8px
   background: var(--search-bg)
   animation: titlescale .5s
@@ -20,12 +20,12 @@
     border-radius: 0
 
   hr
-    margin: 1rem auto
+    margin: 20px auto
 
   span.search-close-button
     position: absolute
-    top: .8rem
-    right: 1rem
+    top: 16px
+    right: 20px
     color: $grey
     font-size: 1.4em
     line-height: 1
@@ -36,7 +36,7 @@
       color: $search-color
 
   &__title
-    padding: 0 0 .7rem
+    padding: 0 0 14px
     color: $search-color
     font-size: 1.4em
     line-height: 1

source/css/_search/local-search.styl

@@ -6,18 +6,18 @@
       width: 100%
 
       input
-        padding: .25rem .7rem
+        padding: 5px 14px
         width: 100%
         outline: none
         border: 2px solid $search-color
-        border-radius: 2rem
+        border-radius: 40px
         background: var(--search-bg)
         color: var(--search-input-color)
         -webkit-appearance: none
 
     .local-search__hit-item
       position: relative
-      padding-left: 1.2rem
+      padding-left: 24px
       line-height: 1.7
 
       &:hover
@@ -31,7 +31,7 @@
         left: 0
         width: w = $w
         height: h = w
-        border: .15rem solid $search-color
+        border: 3px solid $search-color
         border-radius: w
         background: transparent
         content: ''
@@ -48,7 +48,7 @@
           color: $search-color
 
       .search-result
-        margin: 0 0 .4rem
+        margin: 0 0 8px
         word-break: break-all
 
       .search-keyword
@@ -57,8 +57,8 @@
 
     .search-result-list
       overflow-y: auto
-      max-height: 10.5rem
+      max-height: 210px
 
       +maxWidth768()
-        padding-bottom: 2rem
+        padding-bottom: 40px
         max-height: 75vh !important