✨ 評論增加lazyload

✨ 頭像/打賞圖片 增加lazyload
✨ 調整移動端 ol ul 的邊距 #267
🐛 修復Valine 的requiredFields設置為空 無效的bugs

source/css/_layout/aside.styl

@@ -184,7 +184,7 @@
   .card-categories
     .card-category-list
       &.child
-        padding: 0 0 0 1rem
+        padding: 0 0 0 .8rem
 
       > .parent
         .card-category-list

source/css/_layout/category.styl

@@ -1,17 +1,17 @@
 .category-content
   ul
     margin-top: .4rem
-    padding: 0 0 0 .8rem
+    padding: 0 0 0 1rem
     list-style: none
     counter-reset: li
 
     ul
-      padding-left: .5rem
+      padding-left: .2rem
 
     li
       position: relative
       margin: .3rem 0
-      padding: .1rem .5rem .1rem 1.5rem !important
+      padding: .1rem .2rem .1rem 1rem
 
       &:before
         position: absolute
@@ -20,7 +20,6 @@
         transition: all .3s ease-out
         $w = .3rem
         top: 10px
-        margin-left: .45rem
         width: w = $w
         height: h = w
         border: .5 * w solid $light-blue
@@ -28,3 +27,7 @@
         background: transparent
         content: ''
         line-height: h
+
+      &:hover
+        &:before
+          border-color: $pseudo-hover

source/css/_layout/post.styl

@@ -58,18 +58,24 @@ beautify()
     list-style: none
     counter-reset: li
 
+    @media screen and (max-width: $sm)
+      padding: 0 0 0 .4rem
+
     p
       margin: 0 0 .5rem
 
     ol,
     ul
-      padding-left: .5rem
+      padding-left: .6rem
+
+      @media screen and (max-width: $sm)
+        padding-left: 0.2rem
+
 
     li
       &:not(.tab)
         position: relative
         margin: .2rem 0
-        padding: .1rem .5rem .1rem 1.5rem
 
       &:hover
         &:before
@@ -86,9 +92,12 @@ beautify()
 
   ol
     > li
+      &:not(.tab)
+        padding: .1rem .2rem .1rem 1.4rem
+
       &:before
-        margin-top: .2rem
-        width: w = 1.2rem
+        margin-top: .3rem
+        width: w = 1rem
         height: h = w
         border-radius: .5 * w
         content: counter(li)
@@ -99,6 +108,8 @@ beautify()
 
   ul
     > li:not(.tab)
+      padding: .1rem .2rem .1rem 1rem
+
       &:hover
         &:before
           border-color: $pseudo-hover
@@ -106,7 +117,6 @@ beautify()
       &:before
         $w = .3rem
         top: 10px
-        margin-left: .45rem
         width: w = $w
         height: h = w
         border: .5 * w solid $light-blue

source/css/_layout/reward.styl

@@ -65,7 +65,7 @@
             width: 130px
             height: 130px
 
-          .post-qr-code__desc
+          .post-qr-code-desc
             padding-top: .4rem
             width: 130px
             color: $reward-pop-up-color