Fix #823 - Social icons.

gjb2048 · Jul 13, 2017 · 583f5fc · 583f5fc
1 parent be4f900
commit 583f5fc
Show file tree

Hide file tree

Showing 5 changed files with 78 additions and 7 deletions.
diff --git a/CHANGES.txt b/CHANGES.txt
@@ -1,6 +1,7 @@
 New in 3.2.1.2
 ==============
 - FIX: Issue #821: Marketing spots no longer responsive for mobiles.
+- FIX: Issue #823: Social icons.
 - FIX: Issue #824: Header area/slide show/bullet-menu "on top".
 - FIX: Issue #828: div id# completionprogressid has z-index.
 - FIX: Action menu overlapping navbar.

diff --git a/less/essential-alternative.less b/less/essential-alternative.less
@@ -165,8 +165,78 @@
                         color: inherit;
                     }
                 }
-                button.socialicon .@{fa-css-prefix} {
-                    color: @white;
+                button {
+                    &.socialicon {
+                        background-color: #bbb;
+                        background-image: none;
+                        .@{fa-css-prefix} {
+                            color: @white;
+                        }
+                        &:hover,
+                        &:focus {
+                            background-image: none;
+                        }
+                    }
+                    &.facebook:hover,
+                    &.facebook:focus {
+                        background-color: #4a6ea9;
+                    }
+                    &.skype:hover,
+                    &.skype:focus {
+                        background-color: #00adf7;
+                    }
+                    &.instagram:hover,
+                    &.instagram:focus {
+                        background-color: #a5674a;
+                    }
+                    &.ios:hover,
+                    &.ios:focus {
+                        background-color: #000;
+                    }
+                    &.windows:hover,
+                    &.windows:focus {
+                        background-color: #008a00;
+                    }
+                    &.winphone:hover,
+                    &.winphone:focus {
+                        background-color: #9b4f96;
+                    }
+                    &.android:hover,
+                    &.android:focus {
+                        background-color: #98cd32;
+                    }
+                    &.vk:hover,
+                    &.vk:focus {
+                        background-color: #4a6ea9;
+                    }
+                    &.twitter:hover,
+                    &.twitter:focus {
+                        background-color: #00aced;
+                    }
+                    &.googleplus:hover,
+                    &.googleplus:focus {
+                        background-color: #f42941;
+                    }
+                    &.flickr:hover,
+                    &.flickr:focus {
+                        background-color: #ff3096;
+                    }
+                    &.instagram:hover,
+                    a.instagram:focus {
+                        background-color: #b99c6b;
+                    }
+                    &.youtube:hover,
+                    &.youtube:focus {
+                        background-color: #f42941;
+                    }
+                    &.pinterest:hover,
+                    &.pinterest:focus {
+                        background-color: #f42941;
+                    }
+                    &.linkedin:hover,
+                    &.linkedin:focus {
+                        background-color: #4a9cc9;
+                    }
                 }
 
                 a {

diff --git a/less/essential/header.less b/less/essential/header.less
@@ -227,11 +227,11 @@ body button {
         background-color: #000;
     }
     &.windows:hover,
-    &.ios:focus {
+    &.windows:focus {
         background-color: #008a00;
     }
     &.winphone:hover,
-    &.ios:focus {
+    &.winphone:focus {
         background-color: #9b4f96;
     }
     &.android:hover,

diff --git a/style/essential-alternative.css b/style/essential-alternative.css
diff --git a/style/essential.css b/style/essential.css
@@ -22468,11 +22468,11 @@ body button.ios:focus {
   background-color: #000;
 }
 body button.windows:hover,
-body button.ios:focus {
+body button.windows:focus {
   background-color: #008a00;
 }
 body button.winphone:hover,
-body button.ios:focus {
+body button.winphone:focus {
   background-color: #9b4f96;
 }
 body button.android:hover,