From 2ee2d79156ad23822027d0ae3b14fa06221bb10b Mon Sep 17 00:00:00 2001
From: Alex Gleason <alex@alexgleason.me>
Date: Sat, 11 Apr 2020 14:52:41 -0500
Subject: [PATCH] Temporary icon for local timeline

---
 app/styles/gabsocial/fonts.scss | 224 ++++++++++++++++----------------
 1 file changed, 114 insertions(+), 110 deletions(-)

diff --git a/app/styles/gabsocial/fonts.scss b/app/styles/gabsocial/fonts.scss
index 6e86bc62a..3077ac8cf 100644
--- a/app/styles/gabsocial/fonts.scss
+++ b/app/styles/gabsocial/fonts.scss
@@ -1,94 +1,94 @@
 // Roboto Regular
 @font-face {
-	font-family: 'Roboto';
-	font-weight: 400;
-	font-style: normal;
-	src:	url('../fonts/roboto/roboto-regular-400.eot?#iefix');
-	src:	url('../fonts/roboto/roboto-regular-400.eot?#iefix') format('embedded-opentype'),
-			url('../fonts/roboto/roboto-regular-400.woff2') format('woff2'),
-			url('../fonts/roboto/roboto-regular-400.woff') format('woff'),
-			url('../fonts/roboto/roboto-regular-400.ttf') format('truetype'),
-			url('../fonts/roboto/roboto-regular-400.svg') format('svg');
-	}
+  font-family: 'Roboto';
+  font-weight: 400;
+  font-style: normal;
+  src: url('../fonts/roboto/roboto-regular-400.eot?#iefix');
+  src: url('../fonts/roboto/roboto-regular-400.eot?#iefix') format('embedded-opentype'),
+  url('../fonts/roboto/roboto-regular-400.woff2') format('woff2'),
+  url('../fonts/roboto/roboto-regular-400.woff') format('woff'),
+  url('../fonts/roboto/roboto-regular-400.ttf') format('truetype'),
+  url('../fonts/roboto/roboto-regular-400.svg') format('svg');
+}
 
 // Roboto Regular Italic
 @font-face {
-	font-family: 'Roboto';
-	font-weight: 400;
-	font-style: italic;
-	src:	url('../fonts/roboto/roboto-regular-italic-400.eot?#iefix');
-	src:	url('../fonts/roboto/roboto-regular-italic-400.eot?#iefix') format('embedded-opentype'),
-			url('../fonts/roboto/roboto-regular-italic-400.woff2') format('woff2'),
-			url('../fonts/roboto/roboto-regular-italic-400.woff') format('woff'),
-			url('../fonts/roboto/roboto-regular-italic-400.ttf') format('truetype'),
-			url('../fonts/roboto/roboto-regular-italic-400.svg') format('svg');
-	}
+  font-family: 'Roboto';
+  font-weight: 400;
+  font-style: italic;
+  src: url('../fonts/roboto/roboto-regular-italic-400.eot?#iefix');
+  src: url('../fonts/roboto/roboto-regular-italic-400.eot?#iefix') format('embedded-opentype'),
+  url('../fonts/roboto/roboto-regular-italic-400.woff2') format('woff2'),
+  url('../fonts/roboto/roboto-regular-italic-400.woff') format('woff'),
+  url('../fonts/roboto/roboto-regular-italic-400.ttf') format('truetype'),
+  url('../fonts/roboto/roboto-regular-italic-400.svg') format('svg');
+}
 
 // Roboto Light
 @font-face {
-	font-family: 'Roboto';
-	font-weight: 300;
-	font-style: normal;
-	src:	url('../fonts/roboto/roboto-light-300.eot?#iefix');
-	src:	url('../fonts/roboto/roboto-light-300.eot?#iefix') format('embedded-opentype'),
-			url('../fonts/roboto/roboto-light-300.woff2') format('woff2'),
-			url('../fonts/roboto/roboto-light-300.woff') format('woff'),
-			url('../fonts/roboto/roboto-light-300.ttf') format('truetype'),
-			url('../fonts/roboto/roboto-light-300.svg') format('svg');
-	}
+  font-family: 'Roboto';
+  font-weight: 300;
+  font-style: normal;
+  src: url('../fonts/roboto/roboto-light-300.eot?#iefix');
+  src: url('../fonts/roboto/roboto-light-300.eot?#iefix') format('embedded-opentype'),
+  url('../fonts/roboto/roboto-light-300.woff2') format('woff2'),
+  url('../fonts/roboto/roboto-light-300.woff') format('woff'),
+  url('../fonts/roboto/roboto-light-300.ttf') format('truetype'),
+  url('../fonts/roboto/roboto-light-300.svg') format('svg');
+}
 
 // Roboto Light Italic
 @font-face {
-	font-family: 'Roboto';
-	font-weight: 300;
-	font-style: italic;
-	src:	url('../fonts/roboto/roboto-light-italic-300.eot?#iefix');
-	src:	url('../fonts/roboto/roboto-light-italic-300.eot?#iefix') format('embedded-opentype'),
-			url('../fonts/roboto/roboto-light-italic-300.woff2') format('woff2'),
-			url('../fonts/roboto/roboto-light-italic-300.woff') format('woff'),
-			url('../fonts/roboto/roboto-light-italic-300.ttf') format('truetype'),
-			url('../fonts/roboto/roboto-light-italic-300.svg') format('svg');
-	}
+  font-family: 'Roboto';
+  font-weight: 300;
+  font-style: italic;
+  src: url('../fonts/roboto/roboto-light-italic-300.eot?#iefix');
+  src: url('../fonts/roboto/roboto-light-italic-300.eot?#iefix') format('embedded-opentype'),
+  url('../fonts/roboto/roboto-light-italic-300.woff2') format('woff2'),
+  url('../fonts/roboto/roboto-light-italic-300.woff') format('woff'),
+  url('../fonts/roboto/roboto-light-italic-300.ttf') format('truetype'),
+  url('../fonts/roboto/roboto-light-italic-300.svg') format('svg');
+}
 
 // Roboto Bold
 @font-face {
-	font-family: 'Roboto';
-	font-weight: 700;
-	font-style: normal;
-	src:	url('../fonts/roboto/roboto-bold-700.eot?#iefix');
-	src:	url('../fonts/roboto/roboto-bold-700.eot?#iefix') format('embedded-opentype'),
-			url('../fonts/roboto/roboto-bold-700.woff2') format('woff2'),
-			url('../fonts/roboto/roboto-bold-700.woff') format('woff'),
-			url('../fonts/roboto/roboto-bold-700.ttf') format('truetype'),
-			url('../fonts/roboto/roboto-bold-700.svg') format('svg');
-	}
+  font-family: 'Roboto';
+  font-weight: 700;
+  font-style: normal;
+  src: url('../fonts/roboto/roboto-bold-700.eot?#iefix');
+  src: url('../fonts/roboto/roboto-bold-700.eot?#iefix') format('embedded-opentype'),
+  url('../fonts/roboto/roboto-bold-700.woff2') format('woff2'),
+  url('../fonts/roboto/roboto-bold-700.woff') format('woff'),
+  url('../fonts/roboto/roboto-bold-700.ttf') format('truetype'),
+  url('../fonts/roboto/roboto-bold-700.svg') format('svg');
+}
 
 // Roboto Bold Italic
 @font-face {
-	font-family: 'Roboto';
-	font-weight: 700;
-	font-style: italic;
-	src:	url('../fonts/roboto/roboto-bold-italic-700.eot?#iefix');
-	src:	url('../fonts/roboto/roboto-bold-italic-700.eot?#iefix') format('embedded-opentype'),
-			url('../fonts/roboto/roboto-bold-italic-700.woff2') format('woff2'),
-			url('../fonts/roboto/roboto-bold-italic-700.woff') format('woff'),
-			url('../fonts/roboto/roboto-bold-italic-700.ttf') format('truetype'),
-			url('../fonts/roboto/roboto-bold-italic-700.svg') format('svg');
-	}
+  font-family: 'Roboto';
+  font-weight: 700;
+  font-style: italic;
+  src: url('../fonts/roboto/roboto-bold-italic-700.eot?#iefix');
+  src: url('../fonts/roboto/roboto-bold-italic-700.eot?#iefix') format('embedded-opentype'),
+  url('../fonts/roboto/roboto-bold-italic-700.woff2') format('woff2'),
+  url('../fonts/roboto/roboto-bold-italic-700.woff') format('woff'),
+  url('../fonts/roboto/roboto-bold-italic-700.ttf') format('truetype'),
+  url('../fonts/roboto/roboto-bold-italic-700.svg') format('svg');
+}
 
 // Montserrat Extra Bold
 // Used for all bold number, scoreboard, count displays
 @font-face {
-	font-family: 'Montserrat';
-	font-weight: 800;
-	font-style: normal;
-	src:	url('../fonts/montserrat/montserrat-extra-bold-800.eot?#iefix');
-	src:	url('../fonts/montserrat/montserrat-extra-bold-800.eot?#iefix') format('embedded-opentype'),
-			url('../fonts/montserrat/montserrat-extra-bold-800.woff2') format('woff2'),
-			url('../fonts/montserrat/montserrat-extra-bold-800.woff') format('woff'),
-			url('../fonts/montserrat/montserrat-extra-bold-800.ttf') format('truetype'),
-			url('../fonts/montserrat/montserrat-extra-bold-800.svg') format('svg');
-	}
+  font-family: 'Montserrat';
+  font-weight: 800;
+  font-style: normal;
+  src: url('../fonts/montserrat/montserrat-extra-bold-800.eot?#iefix');
+  src: url('../fonts/montserrat/montserrat-extra-bold-800.eot?#iefix') format('embedded-opentype'),
+  url('../fonts/montserrat/montserrat-extra-bold-800.woff2') format('woff2'),
+  url('../fonts/montserrat/montserrat-extra-bold-800.woff') format('woff'),
+  url('../fonts/montserrat/montserrat-extra-bold-800.ttf') format('truetype'),
+  url('../fonts/montserrat/montserrat-extra-bold-800.svg') format('svg');
+}
 
 // OpenDyslexic
 @font-face {
@@ -97,19 +97,19 @@
 }
 @font-face {
   font-family: 'OpenDyslexic';
-	font-weight: bold;
-	src: url('../fonts/OpenDyslexic/OpenDyslexic-Bold.woff2') format('woff2');
+  font-weight: bold;
+  src: url('../fonts/OpenDyslexic/OpenDyslexic-Bold.woff2') format('woff2');
 }
 @font-face {
-	font-family: 'OpenDyslexic';
-	font-weight: bold;
-	font-style: italic;
-	src: url('../fonts/OpenDyslexic/OpenDyslexic-Bold-Italic.woff2') format('woff2');
+  font-family: 'OpenDyslexic';
+  font-weight: bold;
+  font-style: italic;
+  src: url('../fonts/OpenDyslexic/OpenDyslexic-Bold-Italic.woff2') format('woff2');
 }
 @font-face {
-	font-family: 'OpenDyslexic';
-	font-style: italic;
-	src: url('../fonts/OpenDyslexic/OpenDyslexic-Italic.woff2') format('woff2');
+  font-family: 'OpenDyslexic';
+  font-style: italic;
+  src: url('../fonts/OpenDyslexic/OpenDyslexic-Italic.woff2') format('woff2');
 }
 
 
@@ -124,28 +124,28 @@
 // Numeical values always work more consistently across browsers
 // Each font-weight is linked with the @font-face declaration to the actual font file
 @mixin font-weight($weight) {
-	@if $weight == 'light' {font-weight: 300;}
-	@if $weight == 'normal' {font-weight: 400;}
-	@if $weight == 'medium' {font-weight: 500;}
-	@if $weight == 'bold' {font-weight: 700;}
-	@if $weight == 'extrabold' {font-weight: 800;}
-	}
+  @if $weight == 'light' {font-weight: 300;}
+  @if $weight == 'normal' {font-weight: 400;}
+  @if $weight == 'medium' {font-weight: 500;}
+  @if $weight == 'bold' {font-weight: 700;}
+  @if $weight == 'extrabold' {font-weight: 800;}
+}
 
 // Use these mixins to define font-size and line-height
 // html and body declaration allows developer to pass px value as argument
 // Rendered css will default to "rem" and fall back to "px" for unsupported browsers
 @mixin font-size($size) {
-	$rem: ($size / 10);
-	$px: $size;
-	font-size: #{$px + "px"};
-	font-size: #{$rem + "rem"};
-	}
+  $rem: ($size / 10);
+  $px: $size;
+  font-size: #{$px + "px"};
+  font-size: #{$rem + "rem"};
+}
 @mixin line-height($size) {
-	$rem: ($size / 10);
-	$px: $size;
-	line-height: #{$px + "px"};
-	line-height: #{$rem + "rem"};
-	}
+  $rem: ($size / 10);
+  $px: $size;
+  line-height: #{$px + "px"};
+  line-height: #{$rem + "rem"};
+}
 
 // Spinster icon font
 @font-face {
@@ -159,20 +159,24 @@
   font-style: normal;
 }
 .fa-site-icon {
-	position: relative;
-	&:before {
-		content: "";
-		display: block;
-		width: 16px;
-		height: 16px;
-		background-position: center;
-		background-size: contain;
-		background-repeat: no-repeat;
-		position: absolute;
-		top: -14px;
-		filter: grayscale(100%) invert(100%);
-		opacity: 0.5;
-	}
+  position: relative;
+  &:before {
+    content: "";
+    display: block;
+    width: 16px;
+    height: 16px;
+    background-position: center;
+    background-size: contain;
+    background-repeat: no-repeat;
+    position: absolute;
+    top: -14px;
+    filter: grayscale(100%) invert(100%);
+    opacity: 0.5;
+  }
+}
+.fa-site-icon:before {
+  font-family: 'FontAwesome';
+  content: '\f0c0';
 }
 .fa-fediverse:before {
   font-family: 'spinster' !important;
@@ -180,5 +184,5 @@
 }
 
 .btn.grouped.active .fa-site-icon:before {
-	opacity: 1;
+  opacity: 1;
 }