[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
t3kit · Jun 22, 2018 · bcd686f · bcd686f
1 parent fdda947
commit bcd686f
Show file tree

Hide file tree

Showing 4 changed files with 41 additions and 26 deletions.
diff --git a/Resources/Public/css/main.css b/Resources/Public/css/main.css
diff --git 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
@@ -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
@@ -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%);
+        }
+    }
+}
+
 // -----------------------------------------------------------------------------
 // -----------------------------------------------------------------------------