From 9b79d926c8e463a908f9183ed44a78404535e60c Mon Sep 17 00:00:00 2001
From: Kazhnuz <antoine@sortilege.net>
Date: Thu, 25 Oct 2018 11:22:58 +0200
Subject: [PATCH] scss/buttons: add missing styles for social buttons

---
 scss/_buttons.scss |  7 +++++++
 style.css          | 30 ++++++++++++++++++++++++++++++
 2 files changed, 37 insertions(+)

diff --git a/scss/_buttons.scss b/scss/_buttons.scss
index a7caf67..ceb878c 100644
--- a/scss/_buttons.scss
+++ b/scss/_buttons.scss
@@ -120,6 +120,9 @@
 
 .reagir {
   text-align:right;
+  .btn {
+    margin-right:0.5em; 
+  }
 }
 
 .btn {
@@ -128,6 +131,10 @@
   &-googleplus {@include button-color(#d34836, #FFF);}
   &-diaspora {@include button-color(#313739, #FFF);}
   &-mastodon {@include button-color(#282c37, #FFF);}
+  &-whatsapp {@include button-color(#43d854, #FFF);}
+  &-linkedin {@include button-color(#0074A1, #FFF);}
+  &-buffer {@include button-color(#444, #FFF);}
+  &-pinterest {@include button-color(#bd081c, #FFF);}
 }
 
 /* 5.2 - Badges */
diff --git a/style.css b/style.css
index 24a7e56..55735b3 100644
--- a/style.css
+++ b/style.css
@@ -1074,6 +1074,8 @@ a.list-group-item:hover {
 
 .reagir {
   text-align: right; }
+  .reagir .btn, .reagir .page-numbers {
+    margin-right: 0.5em; }
 
 .btn-facebook {
   background-color: #3B5998;
@@ -1110,6 +1112,34 @@ a.list-group-item:hover {
     background-color: #484f63;
     color: #FFF; }
 
+.btn-whatsapp {
+  background-color: #43d854;
+  color: #FFF; }
+  .btn-whatsapp:hover, .btn-whatsapp:active, .btn-whatsapp:focus, .btn-whatsapp:not(.disabled):not(:disabled):hover, .btn-whatsapp:not(.disabled):not(:disabled):active, .btn-whatsapp:not(.disabled):not(:disabled):focus {
+    background-color: #82e58e;
+    color: #FFF; }
+
+.btn-linkedin {
+  background-color: #0074A1;
+  color: #FFF; }
+  .btn-linkedin:hover, .btn-linkedin:active, .btn-linkedin:focus, .btn-linkedin:not(.disabled):not(:disabled):hover, .btn-linkedin:not(.disabled):not(:disabled):active, .btn-linkedin:not(.disabled):not(:disabled):focus {
+    background-color: #00abee;
+    color: #FFF; }
+
+.btn-buffer {
+  background-color: #444;
+  color: #FFF; }
+  .btn-buffer:hover, .btn-buffer:active, .btn-buffer:focus, .btn-buffer:not(.disabled):not(:disabled):hover, .btn-buffer:not(.disabled):not(:disabled):active, .btn-buffer:not(.disabled):not(:disabled):focus {
+    background-color: #6a6a6a;
+    color: #FFF; }
+
+.btn-pinterest {
+  background-color: #bd081c;
+  color: #FFF; }
+  .btn-pinterest:hover, .btn-pinterest:active, .btn-pinterest:focus, .btn-pinterest:not(.disabled):not(:disabled):hover, .btn-pinterest:not(.disabled):not(:disabled):active, .btn-pinterest:not(.disabled):not(:disabled):focus {
+    background-color: #f51c34;
+    color: #FFF; }
+
 /* 5.2 - Badges */
 .badge {
   border: 1px solid rgba(0, 0, 0, 0.3);