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