feat(social): improve social links (#254)

* replace forkawesome and iconfont with simple icons
* add more configs for social

README.md

@@ -82,7 +82,7 @@ I hope you will LoveIt ❤️!
 
 * **Gravatar** supported by [Gravatar](https://gravatar.com)
 * Local **Avatar** supported
-* Up to **62** social links supported
+* Up to **64** social links supported
 * Up to **28** share sites supported
 * **Disqus** comment system supported by [Disqus](https://disqus.com)
 * **Gitalk** comment system supported by [Gitalk](https://github.com/gitalk/gitalk)
@@ -142,7 +142,7 @@ Thanks to the authors of following resources included in the theme:
 
 * [normalize.css](https://github.com/necolas/normalize.css)
 * [Font Awesome](https://fontawesome.com/)
-* [Fork Awesome](https://forkaweso.me/Fork-Awesome/)
+* [Simple Icons](https://github.com/simple-icons/simple-icons)
 * [Animate.css](https://daneden.github.io/animate.css/)
 * [Smooth Scroll](https://github.com/cferdinandi/smooth-scroll)
 * [autocomplete.js](https://github.com/algolia/autocomplete.js)

README.zh-cn.md

@@ -77,7 +77,7 @@
 
 * 支持 **[Gravatar](https://gravatar.com)** 头像
 * 支持本地**头像**
-* 支持多达 **62** 种社交链接
+* 支持多达 **64** 种社交链接
 * 支持多达 **28** 种网站分享
 * 支持 **[Disqus](https://disqus.com)** 评论系统
 * 支持 **[Gitalk](https://github.com/gitalk/gitalk)** 评论系统
@@ -137,7 +137,7 @@ LoveIt 主题中用到了以下项目，感谢它们的作者：
 
 * [normalize.css](https://github.com/necolas/normalize.css)
 * [Font Awesome](https://fontawesome.com/)
-* [Fork Awesome](https://forkaweso.me/Fork-Awesome/)
+* [Simple Icons](https://github.com/simple-icons/simple-icons)
 * [Animate.css](https://daneden.github.io/animate.css/)
 * [Smooth Scroll](https://github.com/cferdinandi/smooth-scroll)
 * [autocomplete.js](https://github.com/algolia/autocomplete.js)

assets/css/_core/_base.scss

@@ -49,4 +49,5 @@ a {
 
 @include link(true, true);
 
+@import "../_partial/icon";
 @import "../_partial/fixed-button";

assets/css/_mixin/_compatibility.scss

@@ -4,9 +4,9 @@
   border-radius: $value;
 }
 
-@mixin box-shadow($value) {
-  -webkit-box-shadow: $value;
-  box-shadow: $value;
+@mixin box-shadow($values...) {
+  -webkit-box-shadow: $values;
+  box-shadow: $values;
 }
 
 @mixin transition($values...) {

assets/css/_page/_home.scss

@@ -35,11 +35,11 @@
         }
 
         .social-links {
-          padding: .4rem 0;
+          padding: .4rem .2rem;
+          font-size: 1.6rem;
 
-          a, i {
-            font-size: 1.6rem;
-            line-height: 2rem;
+          a * {
+            vertical-align: text-bottom;
           }
 
           img {

assets/css/_partial/_header.scss

@@ -2,6 +2,7 @@ header {
   width: 100%;
   z-index: 150;
   background-color: $header-background-color;
+  @include box-shadow(0px 1px 4px rgba(0, 0, 0, .1));
 
   .dark & {
     background-color: $header-background-color-dark;

assets/css/_partial/_icon.scss

@@ -0,0 +1,10 @@
+svg.icon {
+  display: inline-block;
+  width: 1.25em;
+  height: 1em;
+  text-align: center;
+
+  path {
+    fill: currentColor;
+  }
+}

assets/css/_partial/_single/_footer.scss

@@ -39,6 +39,12 @@
 
         @include link(false, false);
       }
+
+      .post-info-share {
+        a * {
+          vertical-align: text-bottom;
+        }
+      }
     }
   }