From 97d7e27786c46edf396286147852ba5cd6f5b5f8 Mon Sep 17 00:00:00 2001
From: Matt-Yorkley <9029026+Matt-Yorkley@users.noreply.github.com>
Date: Fri, 21 Feb 2020 12:11:55 +0100
Subject: [PATCH] Update social icon colours

---
 .../stylesheets/darkswarm/branding.css.scss      |  5 +++++
 .../darkswarm/modal-enterprises.css.scss         | 16 ++++++++++++++++
 .../shopping_shared/tabs/_contact.html.haml      | 11 ++++-------
 3 files changed, 25 insertions(+), 7 deletions(-)

diff --git a/app/assets/stylesheets/darkswarm/branding.css.scss b/app/assets/stylesheets/darkswarm/branding.css.scss
index b3a47c2869..12563e90bc 100644
--- a/app/assets/stylesheets/darkswarm/branding.css.scss
+++ b/app/assets/stylesheets/darkswarm/branding.css.scss
@@ -52,3 +52,8 @@ $teal-500: #0096ad;
 $orange-400: #ff9466;
 $orange-500: #f27052;
 $orange-600: #d7583a;
+
+$social-facebook: #3b5998;
+$social-instagram: #e1306c;
+$social-linkedin: #0e76a8;
+$social-twitter: #00acee;
diff --git a/app/assets/stylesheets/darkswarm/modal-enterprises.css.scss b/app/assets/stylesheets/darkswarm/modal-enterprises.css.scss
index 4f66a180c3..5d356028f8 100644
--- a/app/assets/stylesheets/darkswarm/modal-enterprises.css.scss
+++ b/app/assets/stylesheets/darkswarm/modal-enterprises.css.scss
@@ -111,6 +111,22 @@
 
   i {
     font-size: 2rem;
+
+    &.facebook {
+      color: $social-facebook;
+    }
+
+    &.twitter {
+      color: $social-twitter;
+    }
+
+    &.linkedin {
+      color: $social-linkedin;
+    }
+
+    &.instagram {
+      color: $social-instagram;
+    }
   }
 
   a {
diff --git a/app/views/shopping_shared/tabs/_contact.html.haml b/app/views/shopping_shared/tabs/_contact.html.haml
index 104ca1f33b..df487609bd 100644
--- a/app/views/shopping_shared/tabs/_contact.html.haml
+++ b/app/views/shopping_shared/tabs/_contact.html.haml
@@ -44,22 +44,19 @@
               - if current_distributor.twitter.present?
                 %span
                   %a{href: "http://twitter.com/#{current_distributor.twitter}", target: "_blank" }
-                    %i.ofn-i_041-twitter
+                    %i.twitter.ofn-i_041-twitter
 
               - if current_distributor.facebook.present?
                 %span
                   %a{href: "http://#{current_distributor.facebook}", target: "_blank" }
-                    %i.ofn-i_044-facebook
-                    / = current_distributor.facebook
+                    %i.facebook.ofn-i_044-facebook
 
               - if current_distributor.linkedin.present?
                 %span
                   %a{href: "http://#{current_distributor.linkedin}", target: "_blank" }
-                    %i.ofn-i_042-linkedin
-                    / = current_distributor.linkedin
+                    %i.linkedin.ofn-i_042-linkedin
 
               - if current_distributor.instagram.present?
                 %span
                   %a{href: "http://instagram.com/#{current_distributor.instagram}", target: "_blank" }
-                    %i.ofn-i_043-instagram
-                    / = current_distributor.instagram
+                    %i.instagram.ofn-i_043-instagram