code.H3RALD.com — hastystyles: 0fd692b29c412efc4216987a1accefa88f8a9de4

Fixed references to FontAwesome font family.

h3rald h3rald@h3rald.com

Sun, 11 Mar 2018 12:55:20 +0100

commit

0fd692b29c412efc4216987a1accefa88f8a9de4

parent

53bb8e3880d8da2daf7f6f6356350dc60ca41c8b

4 files changed, 155 insertions(+), 140 deletions(-)

jump to

styles/_elements.less

styles/_links.less

styles/_mixins.less

styles/hastyscribe.css

M styles/_elements.less → styles/_elements.less

@@ -110,8 +110,12 @@ }
 
 /* Inline */
 
-[class^="fa-"] {
-  font-family: "FontAwesome";
+[class^="fa-"], [class^="fas-"] {
+  font-family: "Font Awesome 5 Free";
+}
+
+[class^="fab-"] {
+  font-family: "Font Awesome 5 Brands";
 }
 
 code, span.code {

M styles/_links.less → styles/_links.less

@@ -4,37 +4,37 @@ a[href^="ftp://"],
 a[href^="sftp://"]{ .mix-link-icon(@fa-var-globe);}
 a[href^="mailto:"] { .mix-link-icon(@fa-var-envelope);}
 a[href^="tel:"] { .mix-link-icon(@fa-var-phone);}
-a[href^="skype://"], a[href*="skype.com"] { .mix-link-icon(@fa-var-skype);}
-a[href*="twitter.com"] { .mix-link-icon(@fa-var-twitter); }
-a[href*="linkedin.com"] { .mix-link-icon(@fa-var-linkedin); }
-a[href*="foursquare.com"] { .mix-link-icon(@fa-var-foursquare); }
-a[href*="facebook.com"] { .mix-link-icon(@fa-var-facebook-square); }
-a[href*="flickr.com"] { .mix-link-icon(@fa-var-flickr); }
-a[href*="github.com"] { .mix-link-icon(@fa-var-github); }
-a[href*="stackoverflow.com"] { .mix-link-icon(@fa-var-stack-overflow); }
-a[href*="tripadvisor.com"] { .mix-link-icon(@fa-var-tripadvisor); }
-a[href*="trello.com"] { .mix-link-icon(@fa-var-trello); }
-a[href*="wordpress.com"] { .mix-link-icon(@fa-var-wordpress); }
-a[href*="wordpress.org"] { .mix-link-icon(@fa-var-wordpress); }
-a[href*="amazon.com"] { .mix-link-icon(@fa-var-amazon); }
-a[href*="medium.com"] { .mix-link-icon(@fa-var-medium); }
-a[href*="youtube.com"] { .mix-link-icon(@fa-var-youtube); }
-a[href*="dropbox.com"] { .mix-link-icon(@fa-var-dropbox); }
-a[href*="instagram.com"] { .mix-link-icon(@fa-var-instagram); }
+a[href^="skype://"], a[href*="skype.com"] { .mix-brand-link-icon(@fa-var-skype);}
+a[href*="twitter.com"] { .mix-brand-link-icon(@fa-var-twitter); }
+a[href*="linkedin.com"] { .mix-brand-link-icon(@fa-var-linkedin); }
+a[href*="foursquare.com"] { .mix-brand-link-icon(@fa-var-foursquare); }
+a[href*="facebook.com"] { .mix-brand-link-icon(@fa-var-facebook-square); }
+a[href*="flickr.com"] { .mix-brand-link-icon(@fa-var-flickr); }
+a[href*="github.com"] { .mix-brand-link-icon(@fa-var-github); }
+a[href*="stackoverflow.com"] { .mix-brand-link-icon(@fa-var-stack-overflow); }
+a[href*="tripadvisor.com"] { .mix-brand-link-icon(@fa-var-tripadvisor); }
+a[href*="trello.com"] { .mix-brand-link-icon(@fa-var-trello); }
+a[href*="wordpress.com"] { .mix-brand-link-icon(@fa-var-wordpress); }
+a[href*="wordpress.org"] { .mix-brand-link-icon(@fa-var-wordpress); }
+a[href*="amazon.com"] { .mix-brand-link-icon(@fa-var-amazon); }
+a[href*="medium.com"] { .mix-brand-link-icon(@fa-var-medium); }
+a[href*="youtube.com"] { .mix-brand-link-icon(@fa-var-youtube); }
+a[href*="dropbox.com"] { .mix-brand-link-icon(@fa-var-dropbox); }
+a[href*="instagram.com"] { .mix-brand-link-icon(@fa-var-instagram); }
 a[href*="google.com"] { .mix-link-icon(@fa-var-google); }
-a[href*="plus.google.com"] { .mix-link-icon(@fa-var-google-plus-square); }
-a[href*="yahoo.com"] { .mix-link-icon(@fa-var-yahoo); }
-a[href*="tumblr.com"] { .mix-link-icon(@fa-var-tumblr-square); }
-a[href*="vimeo.com"] { .mix-link-icon(@fa-var-vimeo-square); }
-a[href*="bitbucket.com"] { .mix-link-icon(@fa-var-bitbucket); }
-a[href*="pinterest.com"] { .mix-link-icon(@fa-var-pinterest); }
-a[href*="reddit.com"] { .mix-link-icon(@fa-var-reddit); }
-a[href*="digg.com"] { .mix-link-icon(@fa-var-digg); }
-a[href*="news.ycombinator.com"] { .mix-link-icon(@fa-var-hacker-news); }
-a[href*="jsfiddle.com"] { .mix-link-icon(@fa-var-jsfiddle); }
-a[href*="deviantart.com"] { .mix-link-icon(@fa-var-deviantart); }
-a[href^="git@"] { .mix-link-icon(@fa-var-git); }
-a[href*="wikipedia.com"] { .mix-link-icon(@fa-var-wikipedia-w); }
+a[href*="plus.google.com"] { .mix-brand-link-icon(@fa-var-google-plus-square); }
+a[href*="yahoo.com"] { .mix-brand-link-icon(@fa-var-yahoo); }
+a[href*="tumblr.com"] { .mix-brand-link-icon(@fa-var-tumblr-square); }
+a[href*="vimeo.com"] { .mix-brand-link-icon(@fa-var-vimeo-square); }
+a[href*="bitbucket.com"] { .mix-brand-link-icon(@fa-var-bitbucket); }
+a[href*="pinterest.com"] { .mix-brand-link-icon(@fa-var-pinterest); }
+a[href*="reddit.com"] { .mix-brand-link-icon(@fa-var-reddit); }
+a[href*="digg.com"] { .mix-brand-link-icon(@fa-var-digg); }
+a[href*="news.ycombinator.com"] { .mix-brand-link-icon(@fa-var-hacker-news); }
+a[href*="jsfiddle.com"] { .mix-brand-link-icon(@fa-var-jsfiddle); }
+a[href*="deviantart.com"] { .mix-brand-link-icon(@fa-var-deviantart); }
+a[href^="git@"] { .mix-brand-link-icon(@fa-var-git); }
+a[href*="wikipedia.com"] { .mix-brand-link-icon(@fa-var-wikipedia-w); }
 
 #footer a:before { content: ""; }

M styles/_mixins.less → styles/_mixins.less

@@ -94,7 +94,7 @@ }
 
 .mix-symbol (@symbol, @color, @size:100%, @space:" "){
   &:before {
-    font-family: "FontAwesome";
+    font-family: "Font Awesome 5 Free";
     font-style: normal;
     font-weight: normal;
     font-size: @size;
@@ -118,7 +118,14 @@ 
 .mix-link-icon (@icon, @space:"\202F") {
   &:before {
     content: @icon @space;
-    font-family: "FontAwesome";
+    font-family: "Font Awesome 5 Free";
+  }
+}
+
+.mix-brand-link-icon (@icon, @space:"\202F") {
+  &:before {
+    content: @icon @space;
+    font-family: "Font Awesome 5 Brands";
   }
 }

M styles/hastyscribe.css → styles/hastyscribe.css

@@ -3255,8 +3255,12 @@ margin: auto;
   text-align: center;
 }
 /* Inline */
-[class^="fa-"] {
-  font-family: "FontAwesome";
+[class^="fa-"],
+[class^="fas-"] {
+  font-family: "Font Awesome 5 Free";
+}
+[class^="fab-"] {
+  font-family: "Font Awesome 5 Brands";
 }
 code,
 span.code {
@@ -3423,140 +3427,140 @@ a[href^="https://"]:before,
 a[href^="ftp://"]:before,
 a[href^="sftp://"]:before {
   content: "\f0ac" "\202F";
-  font-family: "FontAwesome";
+  font-family: "Font Awesome 5 Free";
 }
 a[href^="mailto:"]:before {
   content: "\f0e0" "\202F";
-  font-family: "FontAwesome";
+  font-family: "Font Awesome 5 Free";
 }
 a[href^="tel:"]:before {
   content: "\f095" "\202F";
-  font-family: "FontAwesome";
+  font-family: "Font Awesome 5 Free";
 }
 a[href^="skype://"]:before,
 a[href*="skype.com"]:before {
   content: "\f17e" "\202F";
-  font-family: "FontAwesome";
+  font-family: "Font Awesome 5 Brands";
 }
 a[href*="twitter.com"]:before {
   content: "\f099" "\202F";
-  font-family: "FontAwesome";
+  font-family: "Font Awesome 5 Brands";
 }
 a[href*="linkedin.com"]:before {
   content: "\f08c" "\202F";
-  font-family: "FontAwesome";
+  font-family: "Font Awesome 5 Brands";
 }
 a[href*="foursquare.com"]:before {
   content: "\f180" "\202F";
-  font-family: "FontAwesome";
+  font-family: "Font Awesome 5 Brands";
 }
 a[href*="facebook.com"]:before {
   content: "\f082" "\202F";
-  font-family: "FontAwesome";
+  font-family: "Font Awesome 5 Brands";
 }
 a[href*="flickr.com"]:before {
   content: "\f16e" "\202F";
-  font-family: "FontAwesome";
+  font-family: "Font Awesome 5 Brands";
 }
 a[href*="github.com"]:before {
   content: "\f09b" "\202F";
-  font-family: "FontAwesome";
+  font-family: "Font Awesome 5 Brands";
 }
 a[href*="stackoverflow.com"]:before {
   content: "\f16c" "\202F";
-  font-family: "FontAwesome";
+  font-family: "Font Awesome 5 Brands";
 }
 a[href*="tripadvisor.com"]:before {
   content: "\f262" "\202F";
-  font-family: "FontAwesome";
+  font-family: "Font Awesome 5 Brands";
 }
 a[href*="trello.com"]:before {
   content: "\f181" "\202F";
-  font-family: "FontAwesome";
+  font-family: "Font Awesome 5 Brands";
 }
 a[href*="wordpress.com"]:before {
   content: "\f19a" "\202F";
-  font-family: "FontAwesome";
+  font-family: "Font Awesome 5 Brands";
 }
 a[href*="wordpress.org"]:before {
   content: "\f19a" "\202F";
-  font-family: "FontAwesome";
+  font-family: "Font Awesome 5 Brands";
 }
 a[href*="amazon.com"]:before {
   content: "\f270" "\202F";
-  font-family: "FontAwesome";
+  font-family: "Font Awesome 5 Brands";
 }
 a[href*="medium.com"]:before {
   content: "\f23a" "\202F";
-  font-family: "FontAwesome";
+  font-family: "Font Awesome 5 Brands";
 }
 a[href*="youtube.com"]:before {
   content: "\f167" "\202F";
-  font-family: "FontAwesome";
+  font-family: "Font Awesome 5 Brands";
 }
 a[href*="dropbox.com"]:before {
   content: "\f16b" "\202F";
-  font-family: "FontAwesome";
+  font-family: "Font Awesome 5 Brands";
 }
 a[href*="instagram.com"]:before {
   content: "\f16d" "\202F";
-  font-family: "FontAwesome";
+  font-family: "Font Awesome 5 Brands";
 }
 a[href*="google.com"]:before {
   content: "\f1a0" "\202F";
-  font-family: "FontAwesome";
+  font-family: "Font Awesome 5 Free";
 }
 a[href*="plus.google.com"]:before {
   content: "\f0d4" "\202F";
-  font-family: "FontAwesome";
+  font-family: "Font Awesome 5 Brands";
 }
 a[href*="yahoo.com"]:before {
   content: "\f19e" "\202F";
-  font-family: "FontAwesome";
+  font-family: "Font Awesome 5 Brands";
 }
 a[href*="tumblr.com"]:before {
   content: "\f174" "\202F";
-  font-family: "FontAwesome";
+  font-family: "Font Awesome 5 Brands";
 }
 a[href*="vimeo.com"]:before {
   content: "\f194" "\202F";
-  font-family: "FontAwesome";
+  font-family: "Font Awesome 5 Brands";
 }
 a[href*="bitbucket.com"]:before {
   content: "\f171" "\202F";
-  font-family: "FontAwesome";
+  font-family: "Font Awesome 5 Brands";
 }
 a[href*="pinterest.com"]:before {
   content: "\f0d2" "\202F";
-  font-family: "FontAwesome";
+  font-family: "Font Awesome 5 Brands";
 }
 a[href*="reddit.com"]:before {
   content: "\f1a1" "\202F";
-  font-family: "FontAwesome";
+  font-family: "Font Awesome 5 Brands";
 }
 a[href*="digg.com"]:before {
   content: "\f1a6" "\202F";
-  font-family: "FontAwesome";
+  font-family: "Font Awesome 5 Brands";
 }
 a[href*="news.ycombinator.com"]:before {
   content: "\f1d4" "\202F";
-  font-family: "FontAwesome";
+  font-family: "Font Awesome 5 Brands";
 }
 a[href*="jsfiddle.com"]:before {
   content: "\f1cc" "\202F";
-  font-family: "FontAwesome";
+  font-family: "Font Awesome 5 Brands";
 }
 a[href*="deviantart.com"]:before {
   content: "\f1bd" "\202F";
-  font-family: "FontAwesome";
+  font-family: "Font Awesome 5 Brands";
 }
 a[href^="git@"]:before {
   content: "\f1d3" "\202F";
-  font-family: "FontAwesome";
+  font-family: "Font Awesome 5 Brands";
 }
 a[href*="wikipedia.com"]:before {
   content: "\f266" "\202F";
-  font-family: "FontAwesome";
+  font-family: "Font Awesome 5 Brands";
 }
 #footer a:before {
   content: "";
@@ -3569,7 +3573,7 @@ float: right;
 }
 a[href="#document-top"]:before {
   content: "\f102" "\202F";
-  font-family: "FontAwesome";
+  font-family: "Font Awesome 5 Free";
 }
 #footer a:hover {
   text-decoration: none;
@@ -3607,7 +3611,7 @@ font-weight: bold;
   color: #264c72;
 }
 .note p:first-child:before {
-  font-family: "FontAwesome";
+  font-family: "Font Awesome 5 Free";
   font-style: normal;
   font-weight: normal;
   font-size: 100%;
@@ -3647,7 +3651,7 @@ font-weight: bold;
   color: #009926;
 }
 .tip p:first-child:before {
-  font-family: "FontAwesome";
+  font-family: "Font Awesome 5 Free";
   font-style: normal;
   font-weight: normal;
   font-size: 100%;
@@ -3687,7 +3691,7 @@ font-weight: bold;
   color: #705400;
 }
 .warning p:first-child:before {
-  font-family: "FontAwesome";
+  font-family: "Font Awesome 5 Free";
   font-style: normal;
   font-weight: normal;
   font-size: 100%;
@@ -3727,7 +3731,7 @@ font-weight: bold;
   color: #555;
 }
 .sidebar p:first-child:before {
-  font-family: "FontAwesome";
+  font-family: "Font Awesome 5 Free";
   font-style: normal;
   font-weight: normal;
   font-size: 100%;
@@ -4105,7 +4109,7 @@ font-weight: bold;
   content: "comment";
 }
 .red-circle:before {
-  font-family: "FontAwesome";
+  font-family: "Font Awesome 5 Free";
   font-style: normal;
   font-weight: normal;
   font-size: 100%;
@@ -4113,7 +4117,7 @@ color: #CC3300;
   content: "\f111" " ";
 }
 .green-circle:before {
-  font-family: "FontAwesome";
+  font-family: "Font Awesome 5 Free";
   font-style: normal;
   font-weight: normal;
   font-size: 100%;
@@ -4121,7 +4125,7 @@ color: #00CC33;
   content: "\f111" " ";
 }
 .yellow-circle:before {
-  font-family: "FontAwesome";
+  font-family: "Font Awesome 5 Free";
   font-style: normal;
   font-weight: normal;
   font-size: 100%;
@@ -4129,7 +4133,7 @@ color: #F5B800;
   content: "\f111" " ";
 }
 .gray-circle:before {
-  font-family: "FontAwesome";
+  font-family: "Font Awesome 5 Free";
   font-style: normal;
   font-weight: normal;
   font-size: 100%;
@@ -4137,7 +4141,7 @@ color: #999;
   content: "\f111" " ";
 }
 .star:before {
-  font-family: "FontAwesome";
+  font-family: "Font Awesome 5 Free";
   font-style: normal;
   font-weight: normal;
   font-size: 100%;
@@ -4145,7 +4149,7 @@ color: #F5B800;
   content: "\f005" " ";
 }
 .heart:before {
-  font-family: "FontAwesome";
+  font-family: "Font Awesome 5 Free";
   font-style: normal;
   font-weight: normal;
   font-size: 100%;
@@ -4153,7 +4157,7 @@ color: #CC3300;
   content: "\f004" " ";
 }
 .square:before {
-  font-family: "FontAwesome";
+  font-family: "Font Awesome 5 Free";
   font-style: normal;
   font-weight: normal;
   font-size: 100%;
@@ -4161,7 +4165,7 @@ color: #CC3300;
   content: "\f0c8" " ";
 }
 .check:before {
-  font-family: "FontAwesome";
+  font-family: "Font Awesome 5 Free";
   font-style: normal;
   font-weight: normal;
   font-size: 100%;
@@ -4169,7 +4173,7 @@ color: #00CC33;
   content: "\f14a" " ";
 }
 .lock:before {
-  font-family: "FontAwesome";
+  font-family: "Font Awesome 5 Free";
   font-style: normal;
   font-weight: normal;
   font-size: 100%;
@@ -4177,7 +4181,7 @@ color: #F5B800;
   content: "\f023" " ";
 }
 .unlock:before {
-  font-family: "FontAwesome";
+  font-family: "Font Awesome 5 Free";
   font-style: normal;
   font-weight: normal;
   font-size: 100%;
@@ -4185,7 +4189,7 @@ color: #F5B800;
   content: "\f09c" " ";
 }
 .bug:before {
-  font-family: "FontAwesome";
+  font-family: "Font Awesome 5 Free";
   font-style: normal;
   font-weight: normal;
   font-size: 100%;
@@ -4193,7 +4197,7 @@ color: #CC3300;
   content: "\f188" " ";
 }
 .tag:before {
-  font-family: "FontAwesome";
+  font-family: "Font Awesome 5 Free";
   font-style: normal;
   font-weight: normal;
   font-size: 100%;
@@ -4201,7 +4205,7 @@ color: #F5B800;
   content: "\f02b" " ";
 }
 .tags:before {
-  font-family: "FontAwesome";
+  font-family: "Font Awesome 5 Free";
   font-style: normal;
   font-weight: normal;
   font-size: 100%;
@@ -4209,7 +4213,7 @@ color: #F5B800;
   content: "\f02c" " ";
 }
 .date:before {
-  font-family: "FontAwesome";
+  font-family: "Font Awesome 5 Free";
   font-style: normal;
   font-weight: normal;
   font-size: 100%;
@@ -4217,7 +4221,7 @@ color: #0F4BFF;
   content: "\f133" " ";
 }
 .time:before {
-  font-family: "FontAwesome";
+  font-family: "Font Awesome 5 Free";
   font-style: normal;
   font-weight: normal;
   font-size: 100%;
@@ -4225,7 +4229,7 @@ color: #0F4BFF;
   content: "\f017" " ";
 }
 .attachment:before {
-  font-family: "FontAwesome";
+  font-family: "Font Awesome 5 Free";
   font-style: normal;
   font-weight: normal;
   font-size: 100%;
@@ -4233,7 +4237,7 @@ color: #333;
   content: "\f0c6" " ";
 }
 .geo:before {
-  font-family: "FontAwesome";
+  font-family: "Font Awesome 5 Free";
   font-style: normal;
   font-weight: normal;
   font-size: 100%;
@@ -4241,7 +4245,7 @@ color: #CC3300;
   content: "\f041" " ";
 }
 .danger:before {
-  font-family: "FontAwesome";
+  font-family: "Font Awesome 5 Free";
   font-style: normal;
   font-weight: normal;
   font-size: 100%;
@@ -4249,7 +4253,7 @@ color: #CC3300;
   content: "\f071" " ";
 }
 .question:before {
-  font-family: "FontAwesome";
+  font-family: "Font Awesome 5 Free";
   font-style: normal;
   font-weight: normal;
   font-size: 100%;
@@ -4257,7 +4261,7 @@ color: #0F4BFF;
   content: "\f059" " ";
 }
 .phone:before {
-  font-family: "FontAwesome";
+  font-family: "Font Awesome 5 Free";
   font-style: normal;
   font-weight: normal;
   font-size: 100%;
@@ -4265,7 +4269,7 @@ color: #333;
   content: "\f095" " ";
 }
 .email:before {
-  font-family: "FontAwesome";
+  font-family: "Font Awesome 5 Free";
   font-style: normal;
   font-weight: normal;
   font-size: 100%;
@@ -4273,7 +4277,7 @@ color: #333;
   content: "\f0e0" " ";
 }
 .fax:before {
-  font-family: "FontAwesome";
+  font-family: "Font Awesome 5 Free";
   font-style: normal;
   font-weight: normal;
   font-size: 100%;
@@ -4281,7 +4285,7 @@ color: #333;
   content: "\f1ac" " ";
 }
 .print:before {
-  font-family: "FontAwesome";
+  font-family: "Font Awesome 5 Free";
   font-style: normal;
   font-weight: normal;
   font-size: 100%;
@@ -4289,7 +4293,7 @@ color: #333;
   content: "\f02f" " ";
 }
 .usb:before {
-  font-family: "FontAwesome";
+  font-family: "Font Awesome 5 Free";
   font-style: normal;
   font-weight: normal;
   font-size: 100%;
@@ -4297,7 +4301,7 @@ color: #333;
   content: "\f287" " ";
 }
 .website:before {
-  font-family: "FontAwesome";
+  font-family: "Font Awesome 5 Free";
   font-style: normal;
   font-weight: normal;
   font-size: 100%;
@@ -4305,7 +4309,7 @@ color: #333;
   content: "\f0ac" " ";
 }
 .hastyscribe:before {
-  font-family: "FontAwesome";
+  font-family: "Font Awesome 5 Free";
   font-style: normal;
   font-weight: normal;
   font-size: 180%;
@@ -4319,7 +4323,7 @@ margin-right: -2%;
   vertical-align: middle;
 }
 .btc:before {
-  font-family: "FontAwesome";
+  font-family: "Font Awesome 5 Free";
   font-style: normal;
   font-weight: normal;
   font-size: 90%;
@@ -4327,7 +4331,7 @@ color: #333;
   content: "\f15a" "";
 }
 .eur:before {
-  font-family: "FontAwesome";
+  font-family: "Font Awesome 5 Free";
   font-style: normal;
   font-weight: normal;
   font-size: 90%;
@@ -4335,7 +4339,7 @@ color: #333;
   content: "\f153" "";
 }
 .usd:before {
-  font-family: "FontAwesome";
+  font-family: "Font Awesome 5 Free";
   font-style: normal;
   font-weight: normal;
   font-size: 90%;
@@ -4343,7 +4347,7 @@ color: #333;
   content: "\f155" "";
 }
 .gbp:before {
-  font-family: "FontAwesome";
+  font-family: "Font Awesome 5 Free";
   font-style: normal;
   font-weight: normal;
   font-size: 90%;
@@ -4351,7 +4355,7 @@ color: #333;
   content: "\f154" "";
 }
 .jpy:before {
-  font-family: "FontAwesome";
+  font-family: "Font Awesome 5 Free";
   font-style: normal;
   font-weight: normal;
   font-size: 90%;
@@ -4359,7 +4363,7 @@ color: #333;
   content: "\f157" "";
 }
 .inr:before {
-  font-family: "FontAwesome";
+  font-family: "Font Awesome 5 Free";
   font-style: normal;
   font-weight: normal;
   font-size: 90%;
@@ -4367,7 +4371,7 @@ color: #333;
   content: "\f156" "";
 }
 .krw:before {
-  font-family: "FontAwesome";
+  font-family: "Font Awesome 5 Free";
   font-style: normal;
   font-weight: normal;
   font-size: 90%;
@@ -4375,7 +4379,7 @@ color: #333;
   content: "\f159" "";
 }
 .rub:before {
-  font-family: "FontAwesome";
+  font-family: "Font Awesome 5 Free";
   font-style: normal;
   font-weight: normal;
   font-size: 90%;
@@ -4383,7 +4387,7 @@ color: #333;
   content: "\f158" "";
 }
 .try:before {
-  font-family: "FontAwesome";
+  font-family: "Font Awesome 5 Free";
   font-style: normal;
   font-weight: normal;
   font-size: 90%;
@@ -4391,7 +4395,7 @@ color: #333;
   content: "\f195" "";
 }
 .copy:before {
-  font-family: "FontAwesome";
+  font-family: "Font Awesome 5 Free";
   font-style: normal;
   font-weight: normal;
   font-size: 100%;
@@ -4399,7 +4403,7 @@ color: #333;
   content: "\f1f9" " ";
 }
 .reg:before {
-  font-family: "FontAwesome";
+  font-family: "Font Awesome 5 Free";
   font-style: normal;
   font-weight: normal;
   font-size: 100%;
@@ -4407,7 +4411,7 @@ color: #333;
   content: "\f25d" " ";
 }
 .tm:before {
-  font-family: "FontAwesome";
+  font-family: "Font Awesome 5 Free";
   font-style: normal;
   font-weight: normal;
   font-size: 100%;
@@ -4415,7 +4419,7 @@ color: #333;
   content: "\f25c" " ";
 }
 .red-flag:before {
-  font-family: "FontAwesome";
+  font-family: "Font Awesome 5 Free";
   font-style: normal;
   font-weight: normal;
   font-size: 100%;
@@ -4423,7 +4427,7 @@ color: #CC3300;
   content: "\f024" " ";
 }
 .green-flag:before {
-  font-family: "FontAwesome";
+  font-family: "Font Awesome 5 Free";
   font-style: normal;
   font-weight: normal;
   font-size: 100%;
@@ -4431,7 +4435,7 @@ color: #00CC33;
   content: "\f024" " ";
 }
 .yellow-flag:before {
-  font-family: "FontAwesome";
+  font-family: "Font Awesome 5 Free";
   font-style: normal;
   font-weight: normal;
   font-size: 100%;
@@ -4439,7 +4443,7 @@ color: #F5B800;
   content: "\f024" " ";
 }
 .story:before {
-  font-family: "FontAwesome";
+  font-family: "Font Awesome 5 Free";
   font-style: normal;
   font-weight: normal;
   font-size: 100%;
@@ -4447,7 +4451,7 @@ color: #0F4BFF;
   content: "\f075" " ";
 }
 .feature:before {
-  font-family: "FontAwesome";
+  font-family: "Font Awesome 5 Free";
   font-style: normal;
   font-weight: normal;
   font-size: 100%;
@@ -4455,7 +4459,7 @@ color: #00CC33;
   content: "\f058" " ";
 }
 .project:before {
-  font-family: "FontAwesome";
+  font-family: "Font Awesome 5 Free";
   font-style: normal;
   font-weight: normal;
   font-size: 100%;
@@ -4463,7 +4467,7 @@ color: #705400;
   content: "\f0b1" " ";
 }
 .user:before {
-  font-family: "FontAwesome";
+  font-family: "Font Awesome 5 Free";
   font-style: normal;
   font-weight: normal;
   font-size: 100%;
@@ -4471,7 +4475,7 @@ color: #0F4BFF;
   content: "\f007" " ";
 }
 .add:before {
-  font-family: "FontAwesome";
+  font-family: "Font Awesome 5 Free";
   font-style: normal;
   font-weight: normal;
   font-size: 100%;
@@ -4479,7 +4483,7 @@ color: #00CC33;
   content: "\f055" " ";
 }
 .remove:before {
-  font-family: "FontAwesome";
+  font-family: "Font Awesome 5 Free";
   font-style: normal;
   font-weight: normal;
   font-size: 100%;
@@ -4487,7 +4491,7 @@ color: #CC3300;
   content: "\f056" " ";
 }
 .html5:before {
-  font-family: "FontAwesome";
+  font-family: "Font Awesome 5 Free";
   font-style: normal;
   font-weight: normal;
   font-size: 100%;
@@ -4495,7 +4499,7 @@ color: #CC3300;
   content: "\f13b" " ";
 }
 .css3:before {
-  font-family: "FontAwesome";
+  font-family: "Font Awesome 5 Free";
   font-style: normal;
   font-weight: normal;
   font-size: 100%;
@@ -4503,7 +4507,7 @@ color: #0F4BFF;
   content: "\f13c" " ";
 }
 .apple:before {
-  font-family: "FontAwesome";
+  font-family: "Font Awesome 5 Free";
   font-style: normal;
   font-weight: normal;
   font-size: 100%;
@@ -4511,7 +4515,7 @@ color: #aaa;
   content: "\f179" " ";
 }
 .windows:before {
-  font-family: "FontAwesome";
+  font-family: "Font Awesome 5 Free";
   font-style: normal;
   font-weight: normal;
   font-size: 100%;
@@ -4519,7 +4523,7 @@ color: #0F4BFF;
   content: "\f17a" " ";
 }
 .linux:before {
-  font-family: "FontAwesome";
+  font-family: "Font Awesome 5 Free";
   font-style: normal;
   font-weight: normal;
   font-size: 100%;
@@ -4527,7 +4531,7 @@ color: #000;
   content: "\f17c" " ";
 }
 .android:before {
-  font-family: "FontAwesome";
+  font-family: "Font Awesome 5 Free";
   font-style: normal;
   font-weight: normal;
   font-size: 100%;
@@ -4535,7 +4539,7 @@ color: #A4C739;
   content: "\f17b" " ";
 }
 .bluetooth:before {
-  font-family: "FontAwesome";
+  font-family: "Font Awesome 5 Free";
   font-style: normal;
   font-weight: normal;
   font-size: 100%;
@@ -4543,7 +4547,7 @@ color: #0F4BFF;
   content: "\f293" " ";
 }
 .wifi:before {
-  font-family: "FontAwesome";
+  font-family: "Font Awesome 5 Free";
   font-style: normal;
   font-weight: normal;
   font-size: 100%;
@@ -4551,7 +4555,7 @@ color: #333;
   content: "\f1eb" " ";
 }
 .signal:before {
-  font-family: "FontAwesome";
+  font-family: "Font Awesome 5 Free";
   font-style: normal;
   font-weight: normal;
   font-size: 100%;
@@ -4559,7 +4563,7 @@ color: #333;
   content: "\f012" " ";
 }
 .idea:before {
-  font-family: "FontAwesome";
+  font-family: "Font Awesome 5 Free";
   font-style: normal;
   font-weight: normal;
   font-size: 100%;
@@ -4567,7 +4571,7 @@ color: #F5B800;
   content: "\f0eb" " ";
 }
 .sticky:before {
-  font-family: "FontAwesome";
+  font-family: "Font Awesome 5 Free";
   font-style: normal;
   font-weight: normal;
   font-size: 100%;
@@ -4575,7 +4579,7 @@ color: #F5B800;
   content: "\f249" " ";
 }
 .link:before {
-  font-family: "FontAwesome";
+  font-family: "Font Awesome 5 Free";
   font-style: normal;
   font-weight: normal;
   font-size: 100%;
@@ -4583,7 +4587,7 @@ color: #0F4BFF;
   content: "\f0c1" " ";
 }
 .chrome:before {
-  font-family: "FontAwesome";
+  font-family: "Font Awesome 5 Free";
   font-style: normal;
   font-weight: normal;
   font-size: 100%;
@@ -4591,7 +4595,7 @@ color: #F5B800;
   content: "\f268" " ";
 }
 .firefox:before {
-  font-family: "FontAwesome";
+  font-family: "Font Awesome 5 Free";
   font-style: normal;
   font-weight: normal;
   font-size: 100%;
@@ -4599,7 +4603,7 @@ color: #FF6600;
   content: "\f269" " ";
 }
 .ie:before {
-  font-family: "FontAwesome";
+  font-family: "Font Awesome 5 Free";
   font-style: normal;
   font-weight: normal;
   font-size: 100%;
@@ -4607,7 +4611,7 @@ color: #0F4BFF;
   content: "\f26b" " ";
 }
 .edge:before {
-  font-family: "FontAwesome";
+  font-family: "Font Awesome 5 Free";
   font-style: normal;
   font-weight: normal;
   font-size: 100%;
@@ -4615,7 +4619,7 @@ color: #0F4BFF;
   content: "\f282" " ";
 }
 .opera:before {
-  font-family: "FontAwesome";
+  font-family: "Font Awesome 5 Free";
   font-style: normal;
   font-weight: normal;
   font-size: 100%;
@@ -4623,7 +4627,7 @@ color: #CC3300;
   content: "\f26a" " ";
 }
 .safari:before {
-  font-family: "FontAwesome";
+  font-family: "Font Awesome 5 Free";
   font-style: normal;
   font-weight: normal;
   font-size: 100%;

all repos — hastystyles @ 0fd692b29c412efc4216987a1accefa88f8a9de4

The stylesheets for HastyScrybe and HastySite.