Remove Font Awesome v4 shim. Add classes to support usage of v5 styles.

chrisbobbe · Jun 29, 2018 · ed57f52 · ed57f52
1 parent f0d9a3f
commit ed57f52
Show file tree

Hide file tree

Showing 6 changed files with 53 additions and 2,214 deletions.
diff --git a/_includes/social_icons.html b/_includes/social_icons.html
@@ -1,31 +1,31 @@
 <!-- Social Icons -->
 <ul class="icons">
   {%- if site.twitter_url -%}
-  <li><a href="{{- site.twitter_url -}}" class="icon fa-twitter"><span class="label">Twitter</span></a></li>
+  <li><a href="{{- site.twitter_url -}}" class="icon-b fa-twitter"><span class="label">Twitter</span></a></li>
   {%- endif -%}
   {%- if site.facebook_url -%}
-  <li><a href="{{- site.facebook_url -}}" class="icon fa-facebook"><span class="label">Facebook</span></a></li>
+  <li><a href="{{- site.facebook_url -}}" class="icon-b fa-facebook-f"><span class="label">Facebook</span></a></li>
   {%- endif -%}
   {%- if site.googleplus_url -%}
-  <li><a href="{{- site.googleplus_url -}}" class="icon fa-google-plus"><span class="label">Google Plus</span></a></li>
+  <li><a href="{{- site.googleplus_url -}}" class="icon-b fa-google-plus-g"><span class="label">Google Plus</span></a></li>
   {%- endif -%}
   {%- if site.instagram_url -%}
-  <li><a href="{{- site.instagram_url -}}" class="icon fa-instagram"><span class="label">Instagram</span></a></li>
+  <li><a href="{{- site.instagram_url -}}" class="icon-b fa-instagram"><span class="label">Instagram</span></a></li>
   {%- endif -%}
   {%- if site.linkedin_url -%}
-  <li><a href="{{- site.linkedin_url -}}" class="icon fa-linkedin"><span class="label">LinkedIn</span></a></li>
+  <li><a href="{{- site.linkedin_url -}}" class="icon-b fa-linkedin-in"><span class="label">LinkedIn</span></a></li>
   {%- endif -%}
   {%- if site.github_url -%}
-  <li><a href="{{- site.github_url -}}" class="icon fa-github"><span class="label">GitHub</span></a></li>
+  <li><a href="{{- site.github_url -}}" class="icon-b fa-github"><span class="label">GitHub</span></a></li>
   {%- endif -%}
   {%- if site.pinterest_url -%}
-  <li><a href="{{- site.pinterest_url -}}" class="icon fa-pinterest"><span class="label">Pinterest</span></a></li>
+  <li><a href="{{- site.pinterest_url -}}" class="icon-b fa-pinterest"><span class="label">Pinterest</span></a></li>
   {%- endif -%}
   {%- if site.slack_url -%}
-  <li><a href="{{- site.slack_url -}}" class="icon fa-slack"><span class="label">Slack</span></a></li>
+  <li><a href="{{- site.slack_url -}}" class="icon-b fa-slack-hash"><span class="label">Slack</span></a></li>
   {%- endif -%}
   {%- if site.dribbble_url -%}
-  <li><a href="{{- site.dribbble_url -}}" class="icon fa-dribbble"><span class="label">Dribbble</span></a></li>
+  <li><a href="{{- site.dribbble_url -}}" class="icon-b fa-dribbble"><span class="label">Dribbble</span></a></li>
   {%- endif -%}
   {%- if site.email -%}
   <li><a href="mailto:{{- site.email -}}" class="icon fa-envelope"><span class="label">Email</span></a></li>

diff --git a/_posts/2018-01-12-elements.html b/_posts/2018-01-12-elements.html
@@ -34,11 +34,11 @@ <h3>Unordered</h3>
 
 			<h3>Icons</h3>
 			<ul class="icons">
-				<li><a href="#" class="icon fa-twitter"><span class="label">Twitter</span></a></li>
-				<li><a href="#" class="icon fa-facebook"><span class="label">Facebook</span></a></li>
-				<li><a href="#" class="icon fa-instagram"><span class="label">Instagram</span></a></li>
-				<li><a href="#" class="icon fa-github"><span class="label">Github</span></a></li>
-				<li><a href="#" class="icon fa-dribbble"><span class="label">Dribbble</span></a></li>
+				<li><a href="#" class="icon-b fa-twitter"><span class="label">Twitter</span></a></li>
+				<li><a href="#" class="icon-b fa-facebook"><span class="label">Facebook</span></a></li>
+				<li><a href="#" class="icon-b fa-instagram"><span class="label">Instagram</span></a></li>
+				<li><a href="#" class="icon-b fa-github"><span class="label">Github</span></a></li>
+				<li><a href="#" class="icon-b fa-dribbble"><span class="label">Dribbble</span></a></li>
 			</ul>
 
 		</div>