From 1e4e1c54510c6f34fe8f8878cb5c1b8a60f32b12 Mon Sep 17 00:00:00 2001
From: Brandon Rosage <brandonrosage@github.com>
Date: Mon, 25 Mar 2019 12:17:35 -0500
Subject: [PATCH] replaced custom CSS with liquid condition

---
 _includes/masthead.html | 2 +-
 assets/styles.scss      | 7 -------
 2 files changed, 1 insertion(+), 8 deletions(-)

diff --git a/_includes/masthead.html b/_includes/masthead.html
index ff01cdf..995d899 100644
--- a/_includes/masthead.html
+++ b/_includes/masthead.html
@@ -37,7 +37,7 @@
     {% if site.social_media %}
       <div class="d-flex flex-wrap flex-items-start {% if site.layout == 'stacked' %}flex-justify-center mt-1 mt-md-3{% endif %}">
         {% for account in site.social_media %}
-          <div class="mr-3 mb-3 smedia-icon">
+          <div class="{% unless forloop.last == true %}mr-3{% endunless %} mb-3">
             {% assign service_shortname = account[0] %}
             {% assign service = site.data.social_media[service_shortname] %}
             <a href="{{ service.profile_url_prefix }}{{ account[1] }}" title="{{ service.name }}: {{ account[1] }}" class="tooltipped tooltipped-s" aria-label="{{ service.name }}: {{ account[1] }}">
diff --git a/assets/styles.scss b/assets/styles.scss
index 12858e2..cf3fe80 100644
--- a/assets/styles.scss
+++ b/assets/styles.scss
@@ -37,10 +37,3 @@
     padding-left: 16px;
   }
 }
-
-// fixes issue with last social media icon pushing the entire flex off-center on masthead.html page
-.d-flex {
-  .smedia-icon:last-child {
-    margin-right: 0 !important;
-  }
-}