From bcd686f1583d47cf07e4e1c5e6d0e1c389315c47 Mon Sep 17 00:00:00 2001
From: Viktoria Husaruk <vhusaruk92@gmail.com>
Date: Fri, 22 Jun 2018 14:15:07 +0300
Subject: [PATCH] [BUGFIX] use CSS color variable for social icons in footer
 (#433)

* [BUGFIX] Changing colors of social icons in constants doesn't work in footer

* update less/css
---
 Resources/Public/css/main.css                 | 15 ++++++-----
 Resources/Public/less/main.less               | 26 ++++++++++++-------
 .../main/contentElements/socialIcons.less     | 10 -------
 .../dev/styles/main/footer/footer.less        | 16 ++++++++++++
 4 files changed, 41 insertions(+), 26 deletions(-)

diff --git a/Resources/Public/css/main.css b/Resources/Public/css/main.css
index b741834e..be3529b8 100644
--- a/Resources/Public/css/main.css
+++ b/Resources/Public/css/main.css
@@ -1329,6 +1329,15 @@
     text-align: right;
   }
 }
+.footer .social-icons .social-icons__item {
+  color: #50b4d8;
+}
+.no-touch .footer .social-icons__item:hover {
+  color: #8fcfe6;
+}
+.no-touch .footer .social-icons__item:hover > .icons:after {
+  border-color: rgba(143, 207, 230, 0.5);
+}
 .footer .container:nth-child(3) {
   border-top: 1px solid #4b4b4b;
 }
@@ -4053,12 +4062,6 @@ div.awesomplete li[aria-selected="true"] mark {
 .social-icons__item:hover > .icons:after {
   border-color: rgba(143, 207, 230, 0.5);
 }
-.no-touch .footer .social-icons__item:hover {
-  color: #8fcfe6;
-}
-.no-touch .footer .social-icons__item:hover > .icons:after {
-  border-color: rgba(143, 207, 230, 0.5);
-}
 @media (min-width: 768px) {
   .social-icons__item {
     margin: 0 8px 0 0;
diff --git a/Resources/Public/less/main.less b/Resources/Public/less/main.less
index 44b05abd..ff5fe8be 100644
--- a/Resources/Public/less/main.less
+++ b/Resources/Public/less/main.less
@@ -3790,6 +3790,22 @@
     }
 }
 
+.footer .social-icons {
+    .social-icons__item {
+        color: @social-icons-bg-color;
+    }
+}
+
+.no-touch .footer .social-icons__item {
+    &:hover {
+        color: @social-icons-hover-color;
+
+        & > .icons:after {
+            border-color: fade(@social-icons-hover-color, 50%);
+        }
+    }
+}
+
 // -----------------------------------------------------------------------------
 // -----------------------------------------------------------------------------
 
@@ -7063,16 +7079,6 @@ div.awesomplete li[aria-selected="true"] mark {
     }
 }
 
-.no-touch .footer .social-icons__item {
-    &:hover {
-        color: @social-icons-hover-color;
-
-        & > .icons:after {
-            border-color: fade(@social-icons-hover-color, 50%);
-        }
-    }
-}
-
 @media (min-width: @screen-sm-min) {
     .social-icons__item {
         margin: 0 8px 0 0;
diff --git a/felayout_t3kit/dev/styles/main/contentElements/socialIcons.less b/felayout_t3kit/dev/styles/main/contentElements/socialIcons.less
index 0cbd9c1f..bd704654 100644
--- a/felayout_t3kit/dev/styles/main/contentElements/socialIcons.less
+++ b/felayout_t3kit/dev/styles/main/contentElements/socialIcons.less
@@ -52,16 +52,6 @@
     }
 }
 
-.no-touch .footer .social-icons__item {
-    &:hover {
-        color: @social-icons-hover-color;
-
-        & > .icons:after {
-            border-color: fade(@social-icons-hover-color, 50%);
-        }
-    }
-}
-
 @media (min-width: @screen-sm-min) {
     .social-icons__item {
         margin: 0 8px 0 0;
diff --git a/felayout_t3kit/dev/styles/main/footer/footer.less b/felayout_t3kit/dev/styles/main/footer/footer.less
index 599e06b2..9fa8c175 100644
--- a/felayout_t3kit/dev/styles/main/footer/footer.less
+++ b/felayout_t3kit/dev/styles/main/footer/footer.less
@@ -116,6 +116,22 @@
     }
 }
 
+.footer .social-icons {
+    .social-icons__item {
+        color: @social-icons-bg-color;
+    }
+}
+
+.no-touch .footer .social-icons__item {
+    &:hover {
+        color: @social-icons-hover-color;
+
+        & > .icons:after {
+            border-color: fade(@social-icons-hover-color, 50%);
+        }
+    }
+}
+
 // -----------------------------------------------------------------------------
 // -----------------------------------------------------------------------------