From 0d1cd76c06a8144af299a96aa8716c2ca06362df Mon Sep 17 00:00:00 2001
From: Ian Stewart <iandstewart@git.wordpress.org>
Date: Mon, 3 Nov 2014 19:01:53 +0000
Subject: [PATCH] Twenty Fifteen: add a fallback icon for social links where we
 don't have an icon

Props iamtakashi, fixes #30148



git-svn-id: https://develop.svn.wordpress.org/trunk@30212 602fd350-edb4-49c9-b593-d223f7449a82
---
 .../themes/twentyfifteen/readme.txt           |  2 ++
 src/wp-content/themes/twentyfifteen/style.css | 27 +++++++++++++++++++
 2 files changed, 29 insertions(+)

diff --git a/src/wp-content/themes/twentyfifteen/readme.txt b/src/wp-content/themes/twentyfifteen/readme.txt
index 17b28342d8..e610272f04 100644
--- a/src/wp-content/themes/twentyfifteen/readme.txt
+++ b/src/wp-content/themes/twentyfifteen/readme.txt
@@ -73,6 +73,8 @@ Available icons: (Linking to any of the following sites will automatically displ
 * WordPress
 * YouTube
 
+Social networks that aren't currently supported will be indicated by a circular icon with a diagonal line through the center.
+
 = How do I add a description for my menu link in navigation? =
 
 Twenty Fifteen allows you to not only show a menu link title but also add a description for each menu item.
diff --git a/src/wp-content/themes/twentyfifteen/style.css b/src/wp-content/themes/twentyfifteen/style.css
index b0927e3f06..6cf41ce4c8 100644
--- a/src/wp-content/themes/twentyfifteen/style.css
+++ b/src/wp-content/themes/twentyfifteen/style.css
@@ -768,7 +768,9 @@ a:focus {
 }
 
 .social-navigation a:before {
+	content: "\f446";
 	font-size: 24px;
+	opacity: 0.3;
 	position: absolute;
 	top: 0;
 	left: 0;
@@ -776,103 +778,128 @@ a:focus {
 
 .social-navigation a[href$="/feed/"]:before {
 	content: "\f413";
+	opacity: 1;
 }
 
 .social-navigation a[href*="codepen.io"]:before {
 	content: "\f216";
+	opacity: 1;
 }
 
 .social-navigation a[href*="digg.com"]:before {
 	content: "\f221";
+	opacity: 1;
 }
 
 .social-navigation a[href*="dribbble.com"]:before {
 	content: "\f201";
+	opacity: 1;
 }
 
 .social-navigation a[href*="dropbox.com"]:before {
 	content: "\f225";
+	opacity: 1;
 }
 
 .social-navigation a[href*="facebook.com"]:before {
 	content: "\f203";
+	opacity: 1;
 }
 
 .social-navigation a[href*="flickr.com"]:before {
 	content: "\f211";
+	opacity: 1;
 }
 
 .social-navigation a[href*="foursquare.com"]:before {
 	content: "\f226";
+	opacity: 1;
 }
 
 .social-navigation a[href*="plus.google.com"]:before {
 	content: "\f206";
+	opacity: 1;
 }
 
 .social-navigation a[href*="github.com"]:before {
 	content: "\f200";
+	opacity: 1;
 }
 
 .social-navigation a[href*="instagram.com"]:before {
 	content: "\f215";
+	opacity: 1;
 }
 
 .social-navigation a[href*="linkedin.com"]:before {
 	content: "\f208";
+	opacity: 1;
 }
 
 .social-navigation a[href*="pinterest.com"]:before {
 	content: "\f210";
+	opacity: 1;
 }
 
 .social-navigation a[href*="getpocket.com"]:before {
 	content: "\f224";
+	opacity: 1;
 }
 
 .social-navigation a[href*="polldaddy.com"]:before {
 	content: "\f217";
+	opacity: 1;
 }
 
 .social-navigation a[href*="reddit.com"]:before {
 	content: "\f222";
+	opacity: 1;
 }
 
 .social-navigation a[href*="stumbleupon.com"]:before {
 	content: "\f223";
+	opacity: 1;
 }
 
 .social-navigation a[href*="tumblr.com"]:before {
 	content: "\f214";
+	opacity: 1;
 }
 
 .social-navigation a[href*="twitter.com"]:before {
 	content: "\f202";
+	opacity: 1;
 }
 
 .social-navigation a[href*="vimeo.com"]:before {
 	content: "\f212";
+	opacity: 1;
 }
 
 .social-navigation a[href*="wordpress.com"]:before,
 .social-navigation a[href*="wordpress.org"]:before {
 	content: "\f205";
+	opacity: 1;
 }
 
 .social-navigation a[href*="youtube.com"]:before {
 	content: "\f213";
+	opacity: 1;
 }
 
 .social-navigation a[href*="mailto:"]:before {
 	content: "\f410";
+	opacity: 1;
 }
 
 .social-navigation a[href*="spotify.com"]:before {
 	content: "\f515";
+	opacity: 1;
 }
 
 .social-navigation a[href*="twitch.tv"]:before {
 	content: "\f516";
+	opacity: 1;
 }
 
 .secondary-toggle {