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

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

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;
+        }
+      }
     }
   }