From a6a384cc82632371fb248faed0f271250b23929f Mon Sep 17 00:00:00 2001
From: Alan Orth <alan.orth@gmail.com>
Date: Mon, 9 Jan 2017 16:47:57 +0200
Subject: [PATCH] Update margin around sharing icons for Bootstrap v4 Alpha 6

As of Alpha 6 there is no longer .nav-inline, so we need to add our
own class and apply our own margin.
---
 layouts/partials/sharing-icons.html | 2 +-
 source/scss/main.scss               | 4 ++++
 2 files changed, 5 insertions(+), 1 deletion(-)

diff --git a/layouts/partials/sharing-icons.html b/layouts/partials/sharing-icons.html
index 3376ab0..7355550 100644
--- a/layouts/partials/sharing-icons.html
+++ b/layouts/partials/sharing-icons.html
@@ -1,6 +1,6 @@
   <section>
     <h4>{{ i18n "share" }}</h4>
-    <nav class="nav nav-inline">
+    <nav class="nav sharing-icons">
       {{ if not (eq .Site.Params.sharingicons.facebook false) }}<a class="nav-item" href="https://www.facebook.com/sharer/sharer.php?u={{ .Permalink }}" title="Share on Facebook"><span class="fa fa-facebook fa-2x" aria-hidden="true"></span></a>{{ end }}
       {{ if not (eq .Site.Params.sharingicons.googleplus false) }}<a class="nav-item" href="https://plus.google.com/share?url={{ .Permalink }}" title="Share on Google+"><span class="fa fa-google-plus fa-2x" aria-hidden="true"></span></a>{{ end }}
       {{ if not (eq .Site.Params.sharingicons.linkedin false) }}<a class="nav-item" href="https://www.linkedin.com/shareArticle?mini=true&amp;url={{ .Permalink }}" title="Share on LinkedIn"><span class="fa fa-linkedin fa-2x" aria-hidden="true"></span></a>{{ end }}
diff --git a/source/scss/main.scss b/source/scss/main.scss
index 4a09838..be96531 100644
--- a/source/scss/main.scss
+++ b/source/scss/main.scss
@@ -160,6 +160,10 @@ article img {
   height: auto;
   margin: 13px auto;
 }
+// add margin to sharing icons (except the first one)
+.sharing-icons .nav-item+.nav-item {
+  margin-left: 1rem;
+}
 /* add a margin above the disqus comments only if the preceeding sharing section
 is present (because sharing can be hidden, and the margin isn't always needed */
 section + #disqus_thread {