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/_global/function.styl

@@ -17,6 +17,16 @@
   text-rendering: auto
   -webkit-font-smoothing: antialiased
 
+// card hover
+.cardHover
+  border-radius: 8px
+  background: var(--card-bg)
+  box-shadow: var(--card-box-shadow)
+  transition: all .3s
+
+  &:hover
+    box-shadow: var(--card-hover-box-shadow)
+
 maxWidth600()
   @media screen and (max-width: 600px)
     {block}
@@ -123,12 +133,12 @@ if hexo-config('avatar.effect') == true
 
 @keyframes bottom-top
   0%
-    opacity: 0
     margin-top: 50px
+    opacity: 0
 
   100%
-    opacity: 1
     margin-top: 0
+    opacity: 1
 
 @keyframes titlescale
   0%

source/css/_global/index.styl

@@ -30,10 +30,6 @@
   --card-box-shadow: 0 3px 8px 6px rgba(7, 17, 27, .05)
   --card-hover-box-shadow: 0 3px 8px 6px rgba(7, 17, 27, .09)
 
-html
-  height: 100%
-  font-size: 20px
-
 body
   position: relative
   min-height: 100%
@@ -79,7 +75,7 @@ h4,
 h5,
 h6
   position: relative
-  margin: 1rem 0 .7rem
+  margin: 20px 0 14px
   color: var(--text-highlight-color)
   font-weight: bold
 
@@ -91,7 +87,7 @@ h6
 
 hr
   position: relative
-  margin: 2rem auto
+  margin: 40px auto
   border: 2px dashed var(--hr-border)
 
   if hexo-config('hr_icon.enable')
@@ -115,7 +111,7 @@ hr
 
 .table-wrap
   overflow-x: scroll
-  margin: 0 0 1rem
+  margin: 0 0 20px
 
 table
   display: table
@@ -129,7 +125,7 @@ table
 
   th,
   td
-    padding: .3rem .6rem
+    padding: 6px 12px
     border: 1px solid var(--light-grey)
     vertical-align: middle
 
@@ -213,8 +209,24 @@ if hexo-config('lazyload.enable') && hexo-config('lazyload.blur') && !hexo-confi
       filter: none
 
 .img-alt
-  margin: -.5rem 0 .5rem
+  margin: -10px 0 10px
   color: #858585
 
   &:hover
-    text-decoration: none !important
+    text-decoration: none !important
+
+blockquote
+  margin: 0 0 20px
+  padding: 12px 15px
+  border-left: 3px solid $blockquote-padding-color
+  background-color: var(--blockquote-bg)
+  color: var(--blockquote-color)
+
+  footer
+    cite
+      &:before
+        padding: 0 5px
+        content: '—'
+
+  & > :last-child
+    margin-bottom: 0 !important

source/css/_highlight/highlight.styl

@@ -23,7 +23,7 @@ if $prismjsEnable
 
 $code-block
   overflow: auto
-  margin: 0 0 1rem
+  margin: 0 0 20px
   padding: 0
   background: var(--hl-bg)
   color: var(--hl-color)
@@ -33,28 +33,6 @@ $code-block
     counter-reset: line
     white-space: pre-wrap
 
-blockquote
-  margin: 0 0 1rem
-  padding: .1rem .8rem
-  border-left: .2rem solid $blockquote-padding-color
-  background-color: var(--blockquote-bg)
-  color: var(--blockquote-color)
-
-  a
-    word-break: break-all
-
-  p
-    margin: 0 !important
-    padding: .5rem 0
-
-  footer
-    padding: 0 0 .5rem
-
-    cite
-      &:before
-        padding: 0 .3em
-        content: '—'
-
 #article-container
   pre,
   code
@@ -62,7 +40,7 @@ blockquote
     font-family: $code-font-family !important
 
   code
-    padding: .1rem .2rem
+    padding: 2px 4px
     background: $code-background
     color: $code-foreground
 
@@ -87,7 +65,7 @@ blockquote
 
     figcaption,
     .caption
-      padding: .3rem 0 .1rem .7rem
+      padding: 6px 0 2px 14px
       font-size: $code-font-size
       line-height: 1em
 
@@ -104,7 +82,7 @@ blockquote
     display: flex
     align-items: center
     overflow: hidden
-    min-height: 1.2rem
+    min-height: 24px
     height: 2.15em
     background: var(--hltools-bg)
     color: var(--hltools-color)
@@ -115,12 +93,12 @@ blockquote
 
     .expand
       position: absolute
-      padding: .4rem .7rem
+      padding: .57em .7em
       cursor: pointer
       transition: transform .3s
 
       & + .code-lang
-        left: 1.7rem
+        left: 1.6em
 
       &.closed
         transition: all .3s
@@ -128,7 +106,7 @@ blockquote
 
     .code-lang
       position: absolute
-      left: .7rem
+      left: 14px
       text-transform: uppercase
       font-weight: bold
       font-size: 1.15em
@@ -136,13 +114,13 @@ blockquote
 
     .copy-notice
       position: absolute
-      right: 1.7rem
+      right: 2.1em
       opacity: 0
       transition: opacity .4s
 
     .copy-button
       position: absolute
-      right: .7rem
+      right: 14px
       cursor: pointer
       transition: color .2s
 
@@ -160,7 +138,7 @@ blockquote
 
   if $highlight_theme == 'mac' || ($highlight_theme == 'mac light')
     figure.highlight
-      margin: 0 0 1.2rem
+      margin: 0 0 24px
       border-radius: 7px
       box-shadow: 0 5px 10px 0 $highlight-mac-border
       -webkit-transform: translateZ(0)
@@ -168,7 +146,7 @@ blockquote
       .highlight-tools
         &:after
           position: absolute
-          left: .7rem
+          left: 14px
           width: 12px
           height: 12px
           border-radius: 50%
@@ -184,13 +162,13 @@ blockquote
             transform: rotate(90deg) !important
 
           & ~ .copy-notice
-            right: 2.8rem
+            right: 3.3em
 
           & ~ .copy-button
-            right: 1.8rem
+            right: 2.1em
 
         .code-lang
-          left: 3.8rem !important
+          left: 75px
 
   if hexo-config('highlight_height_limit')
     .code-expand-btn
@@ -204,7 +182,7 @@ blockquote
       cursor: pointer
 
       i
-        padding: .3rem 0
+        padding: 6px 0
         color: var(--hlnumber-color)
         animation: code-expand-key 1.2s infinite