Update social icons in author side-bar.

Author: kpearson

_includes/_author-bio.html

@@ -12,22 +12,34 @@
 
   <h3 itemprop="name">{{ author.name }}</h3>
   <p>{{ author.bio }}</p>
-  {% if author.email %}<a href="mailto:{{ author.email }}" class="author-social" target="_blank"><i class="fa fa-fw fa-envelope-square"></i>Email</a>{% endif %}
-  {% if author.twitter %}<a href="http://twitter.com/{{ author.twitter }}" class="author-social" target="_blank"><i class="fa fa-fw fa-twitter-square"></i> Twitter</a>{% endif %}
+  <div class="author-social-outer">
+  {% if author.github %}<a href="http://github.com/{{ author.github }}" class="author-social" target="_blank">
+  <span class="fa-stack">
+    <i class="fa fa-github fa-2x"></i>
+  </span>
+  </a>{% endif %}
+  {% if author.email %}<a href="mailto:{{ author.email }}" class="author-social" target="_blank">
+  <span class="fa-stack">
+    <i class="fa fa-circle fa-stack-2x"></i>
+    <i class="fa fa-envelope fa-stack-1x fa-inverse"></i>
+  </span>
+  </a>{% endif %}
+  {% if author.twitter %}<a href="http://twitter.com/{{ author.twitter }}" class="author-social" target="_blank">
+  <span class="fa-stack">
+    <i class="fa fa-circle fa-stack-2x"></i>
+    <i class="fa fa-twitter fa-stack-1-3x fa-inverse"></i>
+  </span>
+  </a>{% endif %}
+
   {% if author.facebook %}<a href="http://facebook.com/{{ author.facebook }}" class="author-social" target="_blank"><i class="fa fa-fw fa-facebook-square"></i> Facebook</a>{% endif %}
   {% if author.google.plus %}<a href="http://plus.google.com/+{{ author.google.plus }}" class="author-social" target="_blank"><i class="fa fa-fw fa-google-plus-square"></i> Google+</a>{% endif %}
   {% if author.linkedin %}<a href="http://linkedin.com/in/{{ author.linkedin }}" class="author-social" target="_blank"><i class="fa fa-fw fa-linkedin-square"></i> LinkedIn</a>{% endif %}
   {% if author.instagram %}<a href="http://instagram.com/{{ author.instagram }}" class="author-social" target="_blank"><i class="fa fa-fw fa-instagram"></i> Instagram</a>{% endif %}
   {% if author.tumblr %}<a href="http://{{ author.tumblr }}.tumblr.com" class="author-social" target="_blank"><i class="fa fa-fw fa-tumblr-square"></i> Tumblr</a>{% endif %}
-  {% if author.github %}<a href="http://github.com/{{ author.github }}" class="author-social" target="_blank"><i class="fa fa-fw fa-github"></i> Github</a>{% endif %}
   {% if author.stackoverflow %}<a href="http://stackoverflow.com/users/{{ author.stackoverflow }}" class="author-social" target="_blank"><i class="fa fa-fw fa-stack-overflow"></i> Stackoverflow</a>{% endif %}
-  {% if author.lastfm %}<a href="http://lastfm.com/user/{{ author.lastfm }}" class="author-social" target="_blank"><i class="fa fa-fw fa-music"></i> Last.fm</a>{% endif %}
-  {% if author.dribbble %}<a href="http://dribbble.com/{{ author.dribbble }}" class="author-social" target="_blank"><i class="fa fa-fw fa-dribbble"></i> Dribbble</a>{% endif %}
   {% if author.pinterest %}<a href="http://www.pinterest.com/{{ author.pinterest }}" class="author-social" target="_blank"><i class="fa fa-fw fa-pinterest"></i> Pinterest</a>{% endif %}
-  {% if author.foursquare %}<a href="http://foursquare.com/{{ author.foursquare }}" class="author-social" target="_blank"><i class="fa fa-fw fa-foursquare"></i> Foursquare</a>{% endif %}
-  {% if author.steam %}<a href="http://steamcommunity.com/id/{{ author.steam }}" class="author-social" target="_blank"><i class="fa fa-fw fa-steam-square"></i> Steam</a>{% endif %}
   {% if author.youtube %}<a href="https://youtube.com/user/{{ author.youtube }}" class="author-social" target="_blank"><i class="fa fa-fw fa-youtube-square"></i> Youtube</a>{% endif %}
   {% if author.soundcloud %}<a href="http://soundcloud.com/{{ author.soundcloud }}" class="author-social" target="_blank"><i class="fa fa-fw fa-soundcloud"></i> Soundcloud</a>{% endif %}
-  {% if author.weibo %}<a href="http://www.weibo.com/{{ author.weibo }}" class="author-social" target="_blank"><i class="fa fa-fw fa-weibo"></i> Weibo</a>{% endif %}
   {% if author.flickr %}<a href="http://www.flickr.com/{{ author.flickr }}" class="author-social" target="_blank"><i class="fa fa-fw fa-flickr"></i> Flickr</a>{% endif %}
-</div>
+  </div>
+</div>

_sass/page.scss

@@ -359,10 +359,19 @@ $button-size: 1.5rem;
 }
 
 /* Default social media links in author sidebar */
+
+.article-author-side {
+  .author-social-outer {
+    a {
+      display: inline;
+    }
+  }
+}
+
 .author-social {
   display: block;
   margin-bottom: 5px;
-  @include font-rem(14);
+  @include font-rem(10);
   color: $black;
   &:visited {
     color: $black;
@@ -374,8 +383,8 @@ $button-size: 1.5rem;
     @include translate(0, 2px);
   }
   .fa {
-		margin-right: 5px;
-	}
+    margin-right: 5px;
+  }
 }
 
 /* Author sidebar */

_sass/vendor/font-awesome/_stacked.scss

@@ -9,12 +9,13 @@
   line-height: 2em;
   vertical-align: middle;
 }
-.#{$fa-css-prefix}-stack-1x, .#{$fa-css-prefix}-stack-2x {
+.#{$fa-css-prefix}-stack-1x, .#{$fa-css-prefix}-stack-2x, .#{$fa-css-prefix}-stack-1-3x {
   position: absolute;
   left: 0;
   width: 100%;
   text-align: center;
 }
 .#{$fa-css-prefix}-stack-1x { line-height: inherit; }
+.#{$fa-css-prefix}-stack-1-3x { font-size: 1.3em; line-height: inherit; }
 .#{$fa-css-prefix}-stack-2x { font-size: 2em; }
 .#{$fa-css-prefix}-inverse { color: $fa-inverse; }